Skip to Content

Just in case you are wondering how do we create nested nodes and how do we display them as dependent lists on the screen, below are the steps of how we can achieve this.

Here the example which I have taken is attaching a new tab to the Opportunity which contains nested screens of Sales Quotes and its corresponding items.

Step 1: Create a Custom Business Object and add nested nodes containing fields for Sales Quote and its items details. One Opportunity can have multiple Sales Quotes and One Sales Quote can have multiple items.

BO.png

Step 2 : Create an Embedded Component.In UI designer do the following steps for screen creation :

       a) Drag and Drop the AdvancedListPane from Toolbox onto the screen.

         /wp-content/uploads/2016/02/2_884039.png

      b) Change the property UsePreviewPane of ListPaneVariant to True.

/wp-content/uploads/2016/02/3_884040.png

      c) Once this is done, a new child Advanced List Pane will be created.

/wp-content/uploads/2016/02/4_884041.png


      d) Use the Toolbar properties to add buttons on the Advanced List Pane.

/wp-content/uploads/2016/02/5_884046.png

/wp-content/uploads/2016/02/6_884047.png/wp-content/uploads/2016/02/7_884048.png

/wp-content/uploads/2016/02/8_884049.png

          e) Bind the corresponding fields in the Data Model as shown below.

/wp-content/uploads/2016/02/9_884050.png


      e) Create Add row buttons on the Advanced list Pane screens.

/wp-content/uploads/2016/02/10_884054.png

    f) Create OnClick event for Add row button as below.

/wp-content/uploads/2016/02/11_884055.png

/wp-content/uploads/2016/02/12_884056.png

       g) Create Remove button and create on Click event for the same.

/wp-content/uploads/2016/02/13_884057.png

/wp-content/uploads/2016/02/14_884058.png

     h) Create Add Row and Remove buttons and their events for the child Advanced List pane as well.

/wp-content/uploads/2016/02/15_884059.png

/wp-content/uploads/2016/02/16_884060.png

/wp-content/uploads/2016/02/17_884061.png

/wp-content/uploads/2016/02/18_884062.png

Bind this EC to the Opportunity TI and check on the UI.

Hope this document is helpful.

To report this post you need to login first.

6 Comments

You must be Logged on to comment or reply to a post.

  1. Benny Huang

    Hi Sumeet,

    I do as the sample, but there is no the DataModel/inport parameter, I don’t know how to do.

    And the BO Opportunity need add the association node?

    when I check on the UI, it raise as the picture, and can not add row.

    Could you help me the other step?

    Thanks a lot.

    Benny

    (0) 

Leave a Reply