Skip to content

Expression

Value binding is achieved by writing scripts in the script editor.

alt text

Toolbar

Icon Description
alt text Redo, re-execute the canceled operation, and restore the text to the state before "undo"
alt text Undo, cancel the latest editing operation and restore the text to its previous state
alt text Format document
alt text Select a tag and a tag selection window will pop up after clicking it.
alt text Select the property, and the property selection window will pop up after clicking it.
alt text Switch editor theme color
alt text Full-screen display

Example 1

Display real-time tag values and its unit on the LED Display.

  1. Draw a LED Display on the page.
  2. Set the fill color and border color of the LED Display to 6ec800 and the font color to ffffff.

  3. Click the binding button of "Text" on the LED Display.

    alt text

  4. Select the expression in the property binding window and write the following expression in the editor.

    alt text

  5. Click the preview button on the page to view the display effect.

    alt text

Example 2

The value of the LED Display is half of the value of the slider.

  1. Draw a LED Display and a Slider on the page.
  2. Set the fill color and border color of the LED Display to 6ec800 and the font color to ffffff.

  3. Click the binding button of "Text" on the LED Display.

    alt text

  4. Select the expression in the property binding window and write the following expression in the editor.

    alt text

  5. Click the preview button of the page, and on the preview page, manually drag the slider of the slider to change its value and check the display effect of the LED Display. The value of the LED Display is half of the value of the slider.

    expression

Example 3

Based on the motor name selected from the drop-down box, display the corresponding motor's speed.

  1. Draw a value display control and a dropdown control on the page.
  2. The dropdown options of the drop-down box have three values: Motor1, Motor2, and Motor3.

  3. Click the "Text" binding button of the value display control.

    alt text

  4. Write the following expression in the property binding window.

    alt text

  5. Click the preview button , then on the running page, select the motor name from the drop-down box, and the corresponding motor speed will be displayed.

    expression1