This document discusses how to use a treeview control in an application. It provides steps to: 1. Generate steps in a steps tree to define a new window and add a tree control 2. Generate loops and classes to populate the tree with items 3. View the final steps tree structure and application running

1. PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net )
2006-2013, Mahmoud Fayed ( msfclipper@users.sourceforge.net )
_____________________________________________________________________________________
Table of contents
1 - Introduction
2 - Implementation steps
3 - Final Steps Tree
4 - Application during the runtime
1 - Introduction
In this lesson we are going to learn how to use the Treeview control.
2 - Implementation Steps
Fig. (1) Goal Desginer - Steps Tree
Select the step (The First Step)
We will start now new interaction process to generate new steps to our steps tree.
The slow way (Using Mouse):
1 - Click Interact to open the components browser
2 - Select the domain (Windows)
3 - Select the component (Define New Window)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Define New Window)
Note : Stop typing when you see the required component is selected

2. Fig. (2) Component Browser – Select the component (Define New Window)
After selecting the component click Ok or press ENTER
Fig. (3) Interaction page - Set the properties and enter the required data as in the image above

3. Fig. (4) Form Designer
Fig. (5) Goal Desginer - Steps Tree
Select the step (Window Controls)
We will start now new interaction process to generate new steps to our steps tree.
The slow way (Using Mouse):
1 - Click Interact to open the components browser
2 - Select the domain (Controls)
3 - Select the component (Tree)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Tree)
Note : Stop typing when you see the required component is selected

4. Fig. (6) Component Browser – Select the component (Tree)
After selecting the component click Ok or press ENTER
Fig. (7) Interaction page - Set the properties and enter the required data as in the image above

5. Fig. (8) Form Designer
Fig. (9) Goal Desginer - Steps Tree
Select the step (Define New Window ( win1 ) , Title : "Window Title")
We will start now new interaction process to generate new steps to our steps tree.
The slow way (Using Mouse):
1 - Click Interact to open the components browser
2 - Select the domain (Control Structure)
3 - Select the component (For Loop)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (For Loop)
Note : Stop typing when you see the required component is selected

6. Fig. (10) Component Browser – Select the component (For Loop)
After selecting the component click Ok or press ENTER
Fig. (11) Interaction page - Set the properties and enter the required data as in the image above

7. Fig. (12) Goal Desginer - Steps Tree
Select the step (Start Here)
We will start now new interaction process to generate new steps to our steps tree.
The slow way (Using Mouse):
1 - Click Interact to open the components browser
2 - Select the domain (Classes)
3 - Select the component (Tree Class)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Tree Class)
Note : Stop typing when you see the required component is selected
Fig. (13) Component Browser – Select the component (Tree Class)
After selecting the component click Ok or press ENTER

8. Fig. (14) Interaction page - Set the properties and enter the required data as in the image above
Fig. (15) Interaction page - Set the properties and enter the required data as in the image above

9. Fig. (16) Interaction page - Set the properties and enter the required data as in the image above
Fig. (17) Goal Desginer - Final Steps Tree
3 - Final Steps Tree
The First Step
Define New Window ( win1 ) , Title : "Window Title"
Window Events
Window Properties
Window Controls
Define New Tree ( tree1 )
Tree Events
Tree Properties
End Of Window
FOR LOOP ( From x = 0 To 10 Step 1)
Start Here
win1.tree1.AddItem ( "wow",x )
End of For Loop
Activate window

10. 4 - Application during the runtime
Fig. (18) Application during the runtime