Programming Without Coding Technology (PWCT) - Grid control
0 likes258 views
This document provides steps for using the Grid control in an application. It explains how to add steps to the steps tree to define a new window with a grid control. The steps include selecting components from the component browser to define a new window and grid, setting their properties, and viewing the final steps tree and application at runtime.
Programming Without Coding Technology (PWCT) - Grid control
- 1. PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net ) 2006-2013, Mahmoud Fayed ( [email protected] ) _____________________________________________________________________________________ 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 Grid 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 (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
- 4. Fig. (6) Component Browser – Select the component (Grid Control) 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 - 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 Grid ( Grid1 ) , HEADERS : {"Header1","Header2"} Events Properties End Of Window Activate window 4 - Application during the runtime
- 6. Fig. (10) Application during the runtime