Configuring a Tree Layout

The framework provides the capability to render a Siebel tree applet by using a functional Presentation Model (PM) that interfaces with the Oracle JET oj-tree-view component. The framework-provided PM handles dynamic data binding and event handling for the Oracle JET tree component and supports expand and collapse operations.

SiebelAppFacade.TreeModelView is the base JavaScript Presentation Model (PM) class for a Siebel tree applet that is used with an Oracle JET component. Any custom PM must extend SiebelAppFacade.TreeModelView and declare a dependency on siebel/treemodelviewpm as part of the define statement.

You can configure siebel/treemodelviewpm as the Presentation Model (PM) for the corresponding tree applet to render the tree by using the oj-tree-view component. More component-based customization capabilities are not available with this release.

This implementation supports dynamic data binding between Siebel data and the Oracle JET tree structure, expand and collapse behavior, selection handling that is consistent with supported Siebel interaction behavior, responsive layout, and support for custom node icons through supported Siebel or Oracle JET mechanisms.

To configure a Tree Layout:

1. Configure the applet by following the standard configuration steps for a tree applet.
2. Go to the Manifest Administration view to configure the manifest.

   1. Create a new entry in Applet "UI Objects":

      • Type: Applet
      • Usage Type: Presentation Model
      • Name: <Applet Name>

   2. Create a record in the "Object Expression" applet:

      • Expression: "Redwood Theme"
      • Level: 1

      For the preceding record, associate the file siebel/treemodelviewpm with it by using the Applet Files.

Validation

Validate the tree user interface to confirm correct rendering, icon display, and expand and collapse behavior. Also confirm that tree-related event handling works as expected.

Test the tree in Siebel UI to ensure:

• The tree renders correctly and all required nodes are displayed.
• Expand and collapse behavior works correctly.
• Selection behavior works as expected.
• Under the Redwood theme, the applet displays Oracle JET tree behavior as expected.

Customization Scenario

• You can apply custom icons or images for individual node items and extend styling through CSS or supported icon mapping mechanisms, such as nodeIconsMap, where applicable.
• For advanced customization, see Siebel Special Purpose Applets Guide.

Known Issues

• Single selection only, by default.
• Limited icon sources, such as Siebel nodeIconsMap or supported Oracle JET helper class CSS.