Step 1 – Adding stores to Navigation Result

  1. Open Navigation Result in the Page Builder
  2. Click on navNew and click on Properties

    1. Into the Callback Action Text tab add: EcxPageNav.Util.openManagedPage(null, navDetailFromNew); after the second line, for the final result of

      window.__newRecordId = args['Id'];
window.__newRecordName = args['FirstName'];
EcxPageNav.Util.openManagedPage(null, navDetailFromNew);
grdResult.getStore().reload();
    2. Click Save
  3. Add a Page Action called navDetail
    1. Click on Properties
    2. Set its Data Source to Navigation Detail
    3. Set the store adapter to storeResult[List]
    4. Set the Column of Id to Id
    5. Add a parameter called BaseName and set its value to Client
    6. Add a RecordName and set its Column to FirstName
    7. Set its Callback Action Text to: grdResult.getStore().reload();
    8. Click Save
  4. Add a Script Action called scriptOpenDetailPage
    1. Into Script Action Text add: EcxPageNav.Util.openManagedPage(arguments[0].record, navDetail);
    2. Set its store adapter to storeResult[List]
    3. Add an argument called allArgs and set its column to Id
    4. Click Save
  5. Add a Page Action called navDetailFromNew
    1. Set Data Source to Navigation Detail
    2. Set the value of Id to @window.__newRecordId@
    3. Add a parameter called BaseName and set its value to Client
    4. Add a parameter called RecordName and set its value to @window.__newRecordName@
    6. Set its Callback Action Text to grdResult.getStore().reload();
    7. Click Save
  6. Add a Script Action called scriptDeleteRecord
    1. Click on Properties
    2. Set its Script Action Text to EcxPageNav.Util.recordDelete(arguments[0].record);
    3. Set its store adapter to storeResult[Delete]
    4. Add an argument called allArgs with column set to Id
    5. Click Save

Step 2 – Adding a Command Column

  1. Click on grdResult and click on Settings
    1. Click on Add Grid Column  and click Command Column
    2. Use the arrows to set it at the top of the list of columns
    3. Set its Header to Actions, its Column ID to Actions and its Width to 100
    4. Click Apply
    5. Click on the Command Columns tab
      1. Click Add Command Column  and click ActionCommand
      2. Call it Detail, Icon Zoom, text Detail and action scriptOpenDetailPage
      3. Add another ActionCommand called Delete, icon BulletCross, text Delete and action scriptDeleteRecord
    6. Click Save
  2. Make sure grdResult is selected and click on Listeners
    1. Click on listener Command
    2. Set Fn to PageManager.grid_command_grdResult; click Apply
    3. Click Save
  3. Click on Save Page at the top left of the screen, and click Ok to the Page Was Saved notification 
  4. Deploy your solution, log out and log back in. Find your solution and click the blue link to see it in action.

  • No labels