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.
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.
b) Change the property UsePreviewPane of ListPaneVariant to True.
c) Once this is done, a new child Advanced List Pane will be created.
d) Use the Toolbar properties to add buttons on the Advanced List Pane.
e) Bind the corresponding fields in the Data Model as shown below.
e) Create Add row buttons on the Advanced list Pane screens.
f) Create OnClick event for Add row button as below.
g) Create Remove button and create on Click event for the same.
h) Create Add Row and Remove buttons and their events for the child Advanced List pane as well.
Bind this EC to the Opportunity TI and check on the UI.
Hope this document is helpful.