An af:popup
component can be used in conjunction with an af:dialog
to display and edit data within a page on a separate pop-up dialog. The pop-up is added to the corresponding JSF page, and can be raised either declaratively using an af:showPopupBehavior
or programmatically by adding dynamic JavaScript code to the page.
In this recipe, we will expand the functionality introduced in the previous recipe, to allow for the editing of a table row. The use case that we will demonstrate is to raise an edit form inside a pop-up dialog by double-clicking on the table row. The changes made to the data inside the dialog are carried over to the table.
This recipe relies on having completed the Using an af:query component to construct a search page recipe in this chapter.