Step 1 – Create a Client Modify Page

The Modify Screen will load from the Client List and populate with all the Client's information and allow for editing and saving.

  1. Click on Presentation and then Pages.
  2. Click New Page
  3. From Categories, select General and from Templates select Blank; name the page Client Modify; click Save.
  4. On save you will be redirected to the detail page of the Client Modify page, from here click on the Parameters tab
      1. Add a new parameter, name Id, type Integer, and set Required to Yes
    2. Go to the General tab and launch the Page Builder by clicking on Page Builder
  5. In Data Sources click the Add button and add a Unified Store
  7. Set its ID to storeClients and click Create
  8. Make sure storeClients is selected and in the Properties panel at the right of the screen, click on Settings
    1. Set Data Source Type to Business Objects
    2. Set Data Source to Client
    3. Check the Detail checkbox and the Modify checkbox
    4. In both the Modify and Detail tabs find the Id parameter and double click on its Value column
    5. Select Id as the page parameter for both
    6. In the Detail screen, click properties and check the AutoLoad checkbox, click Save
    7. In the Modify tab, click on Properties and type clientModified(); into the Success textarea; click Save
    8. Click Save in the configuration window.
  9. Now create a form in the same manner as in previous lessons so that final result looks like this:
  11. Make sure pnMain is selected and click on TopBar
    1. Add a button called Save and set its icon to Disk; click Apply
    2. Add a click listener with Fn PageManager.ruleAction_execute_storeClients_Modify; click Apply
    3. Click Save
  12. Click on the Source tab to see the page's code
    1. Add the following code between the <head> tags
    2. <script language="javascript">
    function clientModified() {
        parent.clientModifyPage.close();
    }
</script>
    3. Click Apply Source Code
  13. Click on Save Page at the top left of the screen, and click Ok to the Page Was Saved notification 

Step 2 – Link to Client Search Page

  1. Find the Client Search Page
  2. Add a new Data Source, a Page Action, called clientModifyPage
    1. Open its Configuration screen
    2. Set Data Source to Client Details
    3. From the Select store adapter dropdown select storeClients[List]
    4. Add a Parameter, call it Id and select Id from the Columns dropdown
    5. In General Settings, check the Open Window in popup checkbox and set Height to 425 and Width to 700; click Apply
    6. Paste grdClients.getStore().reload(); into Callback Action Text
    7. Click Save
  3. To grdClients add another ActionCommand, this time call it Detail with icon Pencil and Action clientModifyPage
  4. Click Save
  5. Click Save page and click OK to Page was saved
  6. Deploy your solution, log out and log back in, find your page in you solution: