Skip to main content

Action

Event: The action that triggers the interaction​

  • Number, Input, Switch, Select, Search, Radio, Checkbox, Calendar, DatePicker
    • Value change: input, select trigger event
  • Slider
    • Switch Slider: click on the carousel to trigger the event
      • Scope: any carousel, a certain carousel
  • Tab
    • Switch tabs: Click on a tab to trigger an event
      • Scope: any tab, a certain tag
  • Other Components
    • Click: Mouse click triggers the event
    • Double Click: Double Click the mouse to trigger the event
    • Move into: The mouse moves into the component to trigger the event
    • Move out: The event is triggered when the mouse moves out of the component

incident

Action: Implement interactive functions​

Interaction between page components

  • Visit Link
  • Refresh
  • Show/Hide
  • Send Data (will be displayed only if there is a send data component configured on the canvas)

interaction

The main function is to open a new page. The application scenarios are:

  1. Customize the path of the jump page (for example: jump to a certain page and bring in a parameter as the value of a component)

The following image is set to: Jump to a certain web page, and the parameter name is data, and the value is the input value of the number

Custom parameters

  1. Jump to the system page (for example: if a device get fault, click it to jump to the device fault history page, or if you want to view the device history data, click it to jump to the device history page (historical data) of the device.

    • The device page jumps to the system page of current device (fault history, device history)
    • The dashboard page needs to configure the model and device under the current board page organization, and then select the system page to jump to (fault history, device history)

System page

  1. Jump to the data app page (for example, pages within the system can jump to each other)

    • Device page jumps to device page (jumps to other published device pages under the current device page model)
    • Jump from the board page to the device page (you need to configure the model and device first, then select the device page)
    • Jump from device page or board page to board page (jump to the board page published under the current organization)

  2. Parameter configuration

    • Parameter value source
      • Fixed value: Input content
      • Url: The value of the parameter on the url
      • Component: The value of the selected component on the canvas
      • Charts: Only Bar, Mix, Line, Multiple, Pie are displayed
        • Pie：Dimension (click the name of the pie slice), Value (click the value of the pie slice)
        • Others：x-axis (x value of clicked bar or line), y-axis (y-axis name of current chart), value (y value of clicked bar or line)

Parameter configuration

The following image is set to: Jump to the device page link named "cooking machine"

Device page

The following figure shows the page you will be redirected to when you click on the Device Page above.

Device Page 2

  • Board page

The following image is set to: Jump to the page named "Device Monitoring Dashboard" in the board

Kanban Page

Refresh Component​

The main function is to refresh the selected component data after the event is triggered

The following picture is set as follows: After clicking the button, refresh the data in the number and input

Refresh component

Show and Hide​

The main function is to hide or show the selected component after the event is triggered.

The following image is set as: After clicking the button, the component number is hidden

Show and hide

Send Data (see send parameters case for details)​

The main function is to send parameters to the device after the event is triggered Indicator Delivery

Case：Send Parameters to HMI Through the Platform​

Click to view