Navigation - Tree View

You can navigate through your project using the multi-tier Tree View component. In fact there is a built-in project template that you can use to get started with this navigation strategy. The key is the Tree View component that provides the navigation for the project.

To use a Tree View Component for Navigation

  1. Select the Tree View component from the Navigation window or drag a Tree View component onto a docked window.

  2. From Property Editor, find the Items property and click on the Dataset Viewer icon.
    The Dataset Viewer is displayed which contains information about the tree nodes and folders.

    You can also manage the Dataset by right-clicking on the Tree View component and choosing Customizers>Tree View Customizer, however in this example we use the Dataset icon which is located next to the Items property's binding icon.

    If you are using the existing Navigation window from the Template Project, there will be a windowPath column on the left that will determine the folder organization of the Tree View component, while the path column will determine the name of the node on the Tree View component. If you are using a new Tree View component, add a column names windowPath that is a string type.

  3. The Tree View component needs to have a script that executes when the user double-clicks on one of the nodes in the Tree View component. Here is the script that is executed on the Tree View's mouseClicked event handler, copy it in if needed.

    #If the user performs a double click, open the appropriate window. 
    if event.clickCount == 2: 
    row = event.source.selectedItem 
    data = event.source.data 
    if row != -1: 
    #Grab the window path value out of the trees view's items dataset 
    windowPath = data.getValueAt(row, "windowPath") 
    system.nav.swapTo(windowPath)