Search code examples
javajsficefaces

JSF Datatable Edit Using Popup Panel

I am using JSF 1.1 with Icefaces 1.8.2

I have datatables which displays my database records.Currently when user wishes to insert or edit a record, edit button is clicked and edit form or creating form is either displayed at the bottom of datatable or in a separate page. Ideally I would like to display in the edit form or create form just on top of datatable like a panel popup like in the following URL. http://postimage.org/image/pglvdcck/

How can I do this using JSF or with icefaces?

Any insight into this is highly appreciable.

Thanks

Solution

  • You need to use ICEFaces component ice:panelPopup. Look it up in ICEFaces Demos - Layout panels - Popup panel.

    Example - add this to your source (anywhere in the page really, even in a separate included file):

    <ice:panelPopup modal="true" visible="#{myBean.editPopupVisible}">
  <ice:form>
    <ice:input...> some inputs...
    ... Save/Cancel button
  </ice:form>
</ice:panelPopup>