Page History
[ 
|../../index.htm#lansa/wamengt4_0440.htm]
You are here:
...
WAM075 - Using a Tree View Weblet
Unlevelled List
In an unlevelled list each entry tells the Tree View exactly where it fits in the tree structure by specifying its parent ID. As a minimum, an unlevelled list must contain columns with the following data:
Field | Tree View Property | Description |
|---|---|---|
ID | list_id_field | A unique ID string to identify the entry. |
Parent ID | list_parent_id_field | The ID string of the parent entry. An empty string indicates a top level entry. |
Caption | list_caption_field | The text to display for the entry. |
|
The Tree View processes the list entries in the supplied order and cannot add an entry to a parent that doesn't exist. It is your responsibility to ensure the list is sorted so that parent items come before their children and items at the same level are in display order.
Additional list fields may be used to control the tree view behaviour and appearance:
...
Your code should look like the following. Substitute your initials for iii.
WebRoutine Name(deptview) Web_Map For(*both) Fields((#emptree *json)) Web_Map For(*both) Fields((#ancestor *json)) Clr_List Named(#emptree) Select Fields(#deptment #deptdesc) From_File(deptab) #listid := #deptment #listcapt := #deptdesc #listpid := *blanks #haschld := Y #selwam := iiiTRE_2 #selwrn := DEPDET Add_Entry To_List(#emptree) Endselect Endroutine
4. Compile the WAM and open the deptview WebRoutine in the Design view.
5. Drop a tree view weblet onto the page. Select the tree view weblet and drag the center right hand "handle" to make the tree view wider to allow room for three levels and descriptions to be displayed.
6. Set up the tree view properties as follows:
Property | Value |
|---|---|
Listname | EMPTREE |
item_image | icons/normal/16/operator_16.png *** |
list_caption_field | LISTCAPT |
list_id_field | LISTID |
list_onselect_wamname | SELWAM |
list_onselect_wrname | SELWRN |
list_haschildren_field | HASCHLD |
list_parent_id_field | LISTPID |
|
- select the image using the Ellipsis button. Drill down by selecting the normal and 16 folders.
7. Save your changes and run the WAM in the browser. Your tree view should display description for all departments:
- select the image using the Ellipsis button. Drill down by selecting the normal and 16 folders.