PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net )

2006-2019, Mahmoud Fayed ( msfclipper@users.sourceforge.net )

_____________________________________________________________________________________

Table of contents

1 - Introduction

2 - Implementation steps

3 - Final Steps Tree

1 - Introduction

In this lesson we are going to create the (Browse Window - Child Class) template.

2 - Implementation Steps

Fig. (1) Goal Desginer - Steps Tree

Select the step (Set Class Name & Window Name)

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 (PWCT - Code Generator)

                3 - Select the component (CG Replace String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (CG Replace String)

                Note : Stop typing when you see the required component is selected

Fig. (2) Component Browser – Select the component (CG Replace String)

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

Fig. (4) Goal Desginer - Steps Tree

Select the step (Set Class Name & Window Name)

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 (PWCT - Code Generator)

                3 - Select the component (CG Replace String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (CG Replace String)

                Note : Stop typing when you see the required component is selected

Fig. (5) Component Browser – Select the component (CG Replace String)

After selecting the component click Ok or press ENTER

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

Fig. (7) Goal Desginer - Steps Tree

Select the step (Class)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class)

                Note : Stop typing when you see the required component is selected

Fig. (8) Component Browser – Select the component (Define Class)

After selecting the component click Ok or press ENTER

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

Fig. (10) Goal Desginer - Steps Tree

Select the step (Declare Class Data)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (11) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (13) Goal Desginer - Steps Tree

Select the step (********************************* Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (14) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (16) Goal Desginer - Steps Tree

Select the step (********************************* Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (17) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (19) Goal Desginer - Steps Tree

Select the step (********************************* Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (20) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (22) Goal Desginer - Steps Tree

Select the step (********************************* Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (23) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (25) Goal Desginer - Steps Tree

Select the step (********************************* Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (26) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (28) Goal Desginer - Steps Tree

Select the step (********************************* Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Data)

                Note : Stop typing when you see the required component is selected

Fig. (29) Component Browser – Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

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

Fig. (31) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (32) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (34) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (35) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (37) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (38) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (40) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (41) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (43) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (44) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (46) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (47) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (49) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (50) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (52) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (53) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (55) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (56) Component Browser – Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (58) Goal Desginer - Steps Tree

Select the step (******************************** Methods To Customize *******************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (59) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (61) 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 (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

Fig. (62) Component Browser – Select the component (Define New Window)

After selecting the component click Ok or press ENTER

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

Fig. (64) Form Designer

Fig. (65) Goal Desginer - Steps Tree

Select the step (Window Events)

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 (Window Events)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Window Events)

                Note : Stop typing when you see the required component is selected

Fig. (66) Component Browser – Select the component (Window Events)

After selecting the component click Ok or press ENTER

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

Fig. (68) Form Designer

Fig. (69) 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 (Label)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Label)

                Note : Stop typing when you see the required component is selected

Fig. (70) Component Browser – Select the component (Label)

After selecting the component click Ok or press ENTER

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

Fig. (72) Form Designer

Fig. (73) 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 (TextBox)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (TextBox)

                Note : Stop typing when you see the required component is selected

Fig. (74) Component Browser – Select the component (TextBox)

After selecting the component click Ok or press ENTER

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

Fig. (76) Form Designer

Fig. (77) 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 (Button)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button)

                Note : Stop typing when you see the required component is selected

Fig. (78) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (80) Form Designer

Fig. (81) Goal Desginer - Steps Tree

Select the step (Button Events)

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 (Events)

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button Events)

                Note : Stop typing when you see the required component is selected

Fig. (82) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (84) 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 (Button)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button)

                Note : Stop typing when you see the required component is selected

Fig. (85) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (87) Form Designer

Fig. (88) Goal Desginer - Steps Tree

Select the step (Button Events)

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 (Events)

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button Events)

                Note : Stop typing when you see the required component is selected

Fig. (89) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (91) 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 (Grid Control)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Control)

                Note : Stop typing when you see the required component is selected

Fig. (92) Component Browser – Select the component (Grid Control)

After selecting the component click Ok or press ENTER

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

Fig. (94) Form Designer

Fig. (95) Goal Desginer - Steps Tree

Select the step (Events)

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 (Events)

                3 - Select the component (Grid Events)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Events)

                Note : Stop typing when you see the required component is selected

Fig. (96) Component Browser – Select the component (Grid Events)

After selecting the component click Ok or press ENTER

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

Fig. (98) 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 (Button)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button)

                Note : Stop typing when you see the required component is selected

Fig. (99) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (101) Form Designer

Fig. (102) Goal Desginer - Steps Tree

Select the step (Button Events)

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 (Events)

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button Events)

                Note : Stop typing when you see the required component is selected

Fig. (103) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (105) Goal Desginer - Steps Tree

Select the step (Define New Window ( MyWindowName ) , Title : "Search/Browse Window")

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 (Window Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Window Class)

                Note : Stop typing when you see the required component is selected

Fig. (106) Component Browser – Select the component (Window Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (110) Form Designer

Fig. (111) Goal Desginer - Steps Tree

Select the step (******************************** Methods To Customize *******************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (112) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (114) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Set Object Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set Object Data)

                Note : Stop typing when you see the required component is selected

Fig. (115) Component Browser – Select the component (Set Object Data)

After selecting the component click Ok or press ENTER

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

Fig. (117) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Set Object Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set Object Data)

                Note : Stop typing when you see the required component is selected

Fig. (118) Component Browser – Select the component (Set Object Data)

After selecting the component click Ok or press ENTER

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

Fig. (120) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Call Object Method)

                Note : Stop typing when you see the required component is selected

Fig. (121) Component Browser – Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

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

Fig. (123) Goal Desginer - Steps Tree

Select the step (******************************** Methods To Customize *******************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (124) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (126) 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 (Structure Programming)

                3 - Select the component (Scope of Variable)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Scope of Variable)

                Note : Stop typing when you see the required component is selected

Fig. (127) Component Browser – Select the component (Scope of Variable)

After selecting the component click Ok or press ENTER

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

Fig. (129) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Textbox Class)

                Note : Stop typing when you see the required component is selected

Fig. (130) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (134) 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 (Variables)

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (ALL Trim)

                Note : Stop typing when you see the required component is selected

Fig. (135) Component Browser – Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

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

Fig. (137) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Set Object Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set Object Data)

                Note : Stop typing when you see the required component is selected

Fig. (138) Component Browser – Select the component (Set Object Data)

After selecting the component click Ok or press ENTER

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

Fig. (140) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (IF Statement)

                Note : Stop typing when you see the required component is selected

Fig. (141) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (143) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Set Object Data)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set Object Data)

                Note : Stop typing when you see the required component is selected

Fig. (144) Component Browser – Select the component (Set Object Data)

After selecting the component click Ok or press ENTER

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

Fig. (146) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Call Object Method)

                Note : Stop typing when you see the required component is selected

Fig. (147) Component Browser – Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

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

Fig. (149) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (150) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (152) 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 (Windows)

                3 - Select the component (Window Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Window Class)

                Note : Stop typing when you see the required component is selected

Fig. (153) Component Browser – Select the component (Window Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (157) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (158) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (160) 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 (Structure Programming)

                3 - Select the component (Scope of Variable)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Scope of Variable)

                Note : Stop typing when you see the required component is selected

Fig. (161) Component Browser – Select the component (Scope of Variable)

After selecting the component click Ok or press ENTER

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

Fig. (163) 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 (Grid Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Class)

                Note : Stop typing when you see the required component is selected

Fig. (164) Component Browser – Select the component (Grid Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (168) 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 (Control Structure)

                3 - Select the component (IF Statement)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (IF Statement)

                Note : Stop typing when you see the required component is selected

Fig. (169) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (171) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Call Object Method)

                Note : Stop typing when you see the required component is selected

Fig. (172) Component Browser – Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

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

Fig. (174) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (175) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (177) 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 (Grid Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Class)

                Note : Stop typing when you see the required component is selected

Fig. (178) Component Browser – Select the component (Grid Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (182) 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 (Grid Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Class)

                Note : Stop typing when you see the required component is selected

Fig. (183) Component Browser – Select the component (Grid Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (187) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (188) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (190) 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 (Grid Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Class)

                Note : Stop typing when you see the required component is selected

Fig. (191) Component Browser – Select the component (Grid Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (195) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (196) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (198) 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 (Timer Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Timer Class)

                Note : Stop typing when you see the required component is selected

Fig. (199) Component Browser – Select the component (Timer Class)

After selecting the component click Ok or press ENTER

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

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

Fig. (202) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Class Method)

                Note : Stop typing when you see the required component is selected

Fig. (203) Component Browser – Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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

Fig. (205) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Textbox Class)

                Note : Stop typing when you see the required component is selected

Fig. (206) Component Browser – Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (210) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

Set Class Name & Window Name

                PWCT-Code Generator: Replace String (MyClassName) with (BrowseClass)

                PWCT-Code Generator: Replace String (MyWindowName) with (&(self:cWindowName))

Class

                Define Class MyClassName From SystemDatabase

                                Declare Class Data

                                                Data cWindowName Init Value "BrowseWindow"

                                                ********************************* Record Data Here **********************************

                                                                Data tablename Init Value "tablename"

                                                                Data column Init Value "searchcolumn"

                                                                Data PrimaryKey Init Value "id"

                                                                Data columns Init Value {"name","country","city","address","company"}

                                                                Data columnstitles Init Value {"Name","Country","City","Address","Company"}

                                                                Data columnswidths Init Value {200,100,100,100,100}

                                Declare Class Methods

                                                Method showwindow

                                                Method closewindow

                                                Method OpenDataWindow

                                                Method showdatawindow

                                                Method print

                                                Method BeforeSearch

                                                Method SearchAdd

                                                Method settimer

                                                Method GetSearchValue

                                End of Class

                                ******************************** Methods To Customize *******************************

                                                Define Method showwindow Class MyClassName

                                                                Start Here

                                                                                Define New Window ( MyWindowName ) , Title : "Search/Browse Window"

                                                                                                Window Events

                                                                                                                Event: ON INIT : Action self:Search()

                                                                                                Window Properties

                                                                                                Window Controls

                                                                                                                Define Label ( lbl1 ) , Caption : "Name"

                                                                                                                                Label Events

                                                                                                                                Label Properties

                                                                                                                Define TextBox ( textName )

                                                                                                                                TextBox EVENTS

                                                                                                                                TextBox Properties

                                                                                                                Define New Button ( btn1 ) , Caption : "Search"

                                                                                                                                Button Events

                                                                                                                                                Event: ON CLICK : Action self:search()

                                                                                                                                Button Properties

                                                                                                                Define New Button ( btnclose ) , Caption : "Close"

                                                                                                                                Button Events

                                                                                                                                                Event: ON CLICK : Action self:closewindow()

                                                                                                                                Button Properties

                                                                                                                Define New Grid ( Grid1 ) , HEADERS : self:columnstitles

                                                                                                                                Events

                                                                                                                                                Event: ON DBLCLICK : Action self:OpenDataWindow

                                                                                                                                Properties

                                                                                                                Define New Button ( btnPrint ) , Caption : "Print"

                                                                                                                                Button Events

                                                                                                                                                Event: ON CLICK : Action self:print()

                                                                                                                                Button Properties

                                                                                                End Of Window

                                                                                                MyWindowName.Center ( )

                                                                                                Activate window

                                                                End of Method (Return 0)

                                                Define Method ShowDataWindow(nValue) Class MyClassName

                                                                Start Here

                                                                End of Method (Return 0)

                                                Define Method Print Class MyClassName

                                                                Start Here

                                                                                Local cName,myout

                                                                                cName = MyWindowName.textName.Value

                                                                                cName = All Trim cName

                                                                                IF ( .not. empty(cName) )

                                                                                                Start Here

                                                                                                END OF IF STATEMENT

                                                                End of Method (Return 0)

                                Class Methods

                                                Define Method closewindow Class MyClassName

                                                                Start Here

                                                                                MyWindowName.Release ( )

                                                                End of Method (Return 0)

                                                Define Method OpenDataWindow Class MyClassName

                                                                Start Here

                                                                                Local nvalue,myout

                                                                                nvalue = MyWindowName.grid1.Value

                                                                                IF ( nvalue > 0 )

                                                                                                Start Here

                                                                                                                myout = self.ShowDataWindow(nvalue)

                                                                                                END OF IF STATEMENT

                                                                End of Method (Return 0)

                                                Define Method BeforeSearch Class MyClassName

                                                                Start Here

                                                                                MyWindowName.grid1.DeleteAllItems ( )

                                                                                MyWindowName.grid1.Value := 0

                                                                End of Method (Return 0)

                                                Define Method SearchAdd(temp_array) Class MyClassName

                                                                Start Here

                                                                                MyWindowName.grid1.AddItem ( temp_array )

                                                                End of Method (Return 0)

                                                Define Method SetTimer(p1) Class MyClassName

                                                                Start Here

                                                                                MyWindowName.Timer1.Enabled := p1

                                                                End of Method (Return 0)

                                                Define Method GetSearchValue Class MyClassName

                                                                Start Here

                                                                                cName = MyWindowName.textName.Value

                                                                End of Method (Return cName)