Test Execution Monitor Window/en - Versionsgeschichte

Cg: /* Connecting the Widgets with Data */

2023-11-06T14:09:21Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 14:09 Uhr
Zeile 48:		Zeile 48:

	== Connecting the Widgets with Data ==		== Connecting the Widgets with Data ==
	Widgets interact with the action via special environment variables. For example, the list-widget will present the list as held by a ''list'' variable and place the selection into another ''selection'' variable. These variables are to be defined in the action block's private environment, and should have the special initializer-type "GUI-Value" or "GUI-Action" (otherwise, the widget will not react to changes of the variable's value, only taking its initial contents as a constant).		Widgets interact with the action via special environment variables. For example, the list-widget will present the list as held by a ''list'' variable and place the selection into another ''selection'' variable. These variables are to be defined in the action block's private environment, and should have the special initializer-type [[Environment_Editor/en#GUI-Value \| "GUI-Value"]] or [[Environment_Editor/en#GUI-Action \| "GUI-Action"]] (otherwise, the widget will not react to changes of the variable's value, only taking its initial contents as a constant).

	Let's do this in our concrete example:		Let's do this in our concrete example:

Cg: /* Connecting the Widgets with Data */

2023-11-06T14:07:16Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 14:07 Uhr
Zeile 48:		Zeile 48:

	== Connecting the Widgets with Data ==		== Connecting the Widgets with Data ==
	Widgets interact with the action via special environment variables. For example, the list-widget will present the list as held by a ''list'' variable and place the selection into another ''selection'' variable. These variables are to be defined in the action block's private environment, and should have the special initializer-type "~~GUIValue~~" (otherwise, the widget will not react to changes of the variable's value, only taking its initial contents as a constant).		Widgets interact with the action via special environment variables. For example, the list-widget will present the list as held by a ''list'' variable and place the selection into another ''selection'' variable. These variables are to be defined in the action block's private environment, and should have the special initializer-type "GUI-Value" or "GUI-Action" (otherwise, the widget will not react to changes of the variable's value, only taking its initial contents as a constant).

	Let's do this in our concrete example:		Let's do this in our concrete example:

Cg: /* Connecting the Widgets with Data */

2023-11-06T14:00:38Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 14:00 Uhr
Zeile 48:		Zeile 48:

	== Connecting the Widgets with Data ==		== Connecting the Widgets with Data ==
	~~The widgets~~ interact with the action via special environment variables. For example, the list-widget will present the list as held by a ''list'' variable and place the selection into another ''selection'' variable. These variables are to be defined in the action block's private environment, and should have the special initializer-type "GUIValue".		Widgets interact with the action via special environment variables. For example, the list-widget will present the list as held by a ''list'' variable and place the selection into another ''selection'' variable. These variables are to be defined in the action block's private environment, and should have the special initializer-type "GUIValue" (otherwise, the widget will not react to changes of the variable's value, only taking its initial contents as a constant).

	Let's do this in our concrete example:		Let's do this in our concrete example:

Cg: /* Connecting the Widgets with Data */

2023-11-06T13:02:07Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 13:02 Uhr
Zeile 51:		Zeile 51:

	Let's do this in our concrete example:		Let's do this in our concrete example:
			[[Datei:ListWidget1.png\|mini]]

	* reopen the UI-builder by selecting the schema tab and there clicking again on "''Edit GUI''" at the bottom		* reopen the UI-builder by selecting the schema tab and there clicking again on "''Edit GUI''" at the bottom
	* from the gallery's "Lists" tab, drag a List widget either into the widget tree or in the drawing canvas view ~~[[Datei:ListWidget1.png\|mini]]~~		* from the gallery's "Lists" tab, drag a List widget either into the widget tree or in the drawing canvas view
	* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field. [[Datei:ListWidget2.png\|mini]]		* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field. [[Datei:ListWidget2.png\|mini]]
	* save and close the GUI editor		* save and close the GUI editor

Cg: /* Connecting the Widgets with Data */

2023-11-06T12:59:47Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 12:59 Uhr
Zeile 56:		Zeile 56:
	* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field. [[Datei:ListWidget2.png\|mini]]		* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field. [[Datei:ListWidget2.png\|mini]]
	* save and close the GUI editor		* save and close the GUI editor
	* provide some input to the list widget, by writing to the corresponding variable (in this case, "myList")		* provide some input to the list widget, by writing to the corresponding variable (in this case, "myList"). In the simple example here, the value comes from a freeze value containing multiple strings. In practive, this may come from a database, a file or an input pin to the GUI action.[[Datei:ListWidget3.png\|mini]]

Cg: /* Connecting the Widgets with Data */

2023-11-06T12:58:49Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 12:58 Uhr
Zeile 53:		Zeile 53:

	* reopen the UI-builder by selecting the schema tab and there clicking again on "''Edit GUI''" at the bottom		* reopen the UI-builder by selecting the schema tab and there clicking again on "''Edit GUI''" at the bottom
	* from the gallery's "Lists" tab, drag a List widget either into the widget tree or in the drawing canvas view		* from the gallery's "Lists" tab, drag a List widget either into the widget tree or in the drawing canvas view [[Datei:ListWidget1.png\|mini]]
	* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field.		* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field. [[Datei:ListWidget2.png\|mini]]
	* save and close the GUI editor		* save and close the GUI editor
			* provide some input to the list widget, by writing to the corresponding variable (in this case, "myList")

Cg: /* Connecting the Widgets with Data */

2023-11-06T12:56:55Z

Connecting the Widgets with Data

← Nächstältere Version		Version vom 6. November 2023, 12:56 Uhr
Zeile 53:		Zeile 53:

	* reopen the UI-builder by selecting the schema tab and there clicking again on "''Edit GUI''" at the bottom		* reopen the UI-builder by selecting the schema tab and there clicking again on "''Edit GUI''" at the bottom
	* ~~select~~ the ~~list~~ ~~widget~~ - either in the widget tree or in the drawing canvas view		* from the gallery's "Lists" tab, drag a List widget either into the widget tree or in the drawing canvas view
	* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'.		* beside the widget tree, you'll find the selected widget's attributes, arranged in multiple tabs. Make sure the "''Basics''" tab is selected. There, enter the name of the variable which will hold the list, into the field named: 'List'. Press the "Create Variable" icon (the star) beside the name field.
			* save and close the GUI editor

Cg: /* Keeping the UI open */

2023-11-06T12:53:45Z

Keeping the UI open

← Nächstältere Version		Version vom 6. November 2023, 12:53 Uhr
Zeile 44:		Zeile 44:

	Now, if you execute the UI action, its GUI will remain open until the "OK" button is clicked.		Now, if you execute the UI action, its GUI will remain open until the "OK" button is clicked.

			Notice that many other widgets will update a variable if configured to do so. For example, the List-Selection widgets or Textedit widgets will do so. By adding a "Wait for Change" step, input validations or other steps can be triggered inside your GUI actions network.

	== Connecting the Widgets with Data ==		== Connecting the Widgets with Data ==

Cg: /* Keeping the UI open */

2023-11-06T12:51:37Z

Keeping the UI open

← Nächstältere Version		Version vom 6. November 2023, 12:51 Uhr
Zeile 42:		Zeile 42:
	This action will wait for the given variable to change and whenever that happens, will send the variable's value to its output.		This action will wait for the given variable to change and whenever that happens, will send the variable's value to its output.
	So this output can be used to trigger whatever is to be done after that GUI button press.<br>As a first experiment, let it trigger a "OK (Success)" action (which terminates the UI action).		So this output can be used to trigger whatever is to be done after that GUI button press.<br>As a first experiment, let it trigger a "OK (Success)" action (which terminates the UI action).

			Now, if you execute the UI action, its GUI will remain open until the "OK" button is clicked.

	== Connecting the Widgets with Data ==		== Connecting the Widgets with Data ==

Cg: /* Keeping the UI open */

2023-11-06T12:50:51Z

Keeping the UI open

← Nächstältere Version		Version vom 6. November 2023, 12:50 Uhr
Zeile 41:		Zeile 41:
	[[Datei:ActionVariable2.png\|mini]]		[[Datei:ActionVariable2.png\|mini]]
	This action will wait for the given variable to change and whenever that happens, will send the variable's value to its output.		This action will wait for the given variable to change and whenever that happens, will send the variable's value to its output.
	So this output can be used to trigger whatever is to be done after that GUI button press.<br>As a first experiment, let it trigger a "Success" action (which terminates the UI action).		So this output can be used to trigger whatever is to be done after that GUI button press.<br>As a first experiment, let it trigger a "OK (Success)" action (which terminates the UI action).

	== Connecting the Widgets with Data ==		== Connecting the Widgets with Data ==