在ignition8.1版 Vision模块中如何通过Dropdown list里面的Select String 编辑脚本实现对应画面跳转,不允许使用 Perspective
时间: 2024-03-27 19:37:26 浏览: 117
你好,可以通过以下步骤实现:
1. 在Vision中创建一个Dropdown List组件,将其命名为“Navigation”(或者其他你喜欢的名字)。
2. 在组件的Properties面板中,点击“Edit Items”按钮,添加你想要跳转的画面的名称,每个名称占一行。
3. 在组件的Events面板中,选择“ActionPerformed”事件,在右侧的Script Editor中输入以下代码:
```
selectedItem = event.source.selectedItem
if selectedItem == "画面1":
system.nav.openWindow("画面1")
elif selectedItem == "画面2":
system.nav.openWindow("画面2")
elif selectedItem == "画面3":
system.nav.openWindow("画面3")
# 依次添加下去,直到你想要跳转的所有画面
```
其中,“画面1”、“画面2”、“画面3”等是你添加到Dropdown List中的选项名称,而“system.nav.openWindow()”函数则是Vision中用于打开新画面的函数。
4. 保存并运行你的应用程序,选择“Navigation” Dropdown List中的任何一个选项,就可以跳转到对应的画面了。
希望这个回答能够帮助你!
相关问题
在ignition8.1版 Vision模块中如何通过Dropdown list里面的Select Value来实现,画面跳转,不允许使用 Perspective
在 Ignition 8.1 版本的 Vision 模块中,你可以通过 Dropdown List 的 Select Value 事件来实现画面跳转,具体步骤如下:
1. 首先,你需要创建一个 Dropdown List 控件,并在其 Property Editor 中的 Items 属性中添加所有可选的值,每个值对应一个要跳转到的画面。
2. 在 Dropdown List 控件的 Property Editor 中,找到 Events > actionPerformed 事件,并为其添加一个 Script Action。
3. 在 Script Action 编辑器中,你可以通过以下代码实现画面跳转:
```
selectedValue = event.source.selectedStringValue
system.nav.openWindow(selectedValue)
```
4. 在上面的代码中,event.source 表示当前事件源,也就是 Dropdown List 控件,selectedStringValue 表示用户选择的值。system.nav.openWindow 方法用于打开一个新的画面,其参数为要跳转到的画面的名称。
5. 最后,你需要在 Ignition Designer 中创建每个要跳转到的画面,并为其指定一个唯一的名称。
需要注意的是,上述方法仅适用于 Vision 模块,如果你想要在 Perspective 中实现类似的功能,可以使用 Navigation Component 或者 View Actions。
在ignition Vision模块中如何通过Dropdown list里面的Select Value来实现,画面跳转,不允许使用 Perspective
在Ignition Vision模块中,可以通过使用Navigation组件来实现通过Dropdown list里面的Select Value来实现画面跳转,而不使用Perspective。以下是实现步骤:
1. 在你的Ignition项目中,选择你想要添加Navigation组件的视图。
2. 在Designer中,右键单击视图,选择“Add > Navigation > Navigation View”来添加Navigation组件。
3. 确定Navigation View的位置和大小,以及要在其中添加的导航选项。你可以通过在Navigation View的“Properties”面板中选择“Navigation Items”选项来添加导航选项。
4. 对于每个导航选项,可以设置一个“Destination View”,即该选项所对应的视图。在“Properties”面板中选择“Destination View”选项,然后选择要在该选项下显示的视图。
5. 在视图中添加一个Dropdown list组件。
6. 在Dropdown list的“Properties”面板中,选择“Data”选项。在“Data”选项中,选择“Custom”选项,并在“Custom Property Binding”框中输入以下表达式:
`[{id:1, name:"Option 1"}, {id:2, name:"Option 2"}, {id:3, name:"Option 3"}]`
这将创建一个包含三个选项的Dropdown list,每个选项都有一个唯一的id和一个名称。
7. 在Dropdown list的“Properties”面板中,选择“Action”选项。在“Action”选项中,选择“Custom”选项,并在“Custom Property Binding”框中输入以下表达式:
`if event.propertyName == "selectedValue": app.nav.swapTo(event.newValue.destinationView)`
这将在用户选择Dropdown list中的选项时触发一个事件,并将用户转到与所选选项关联的视图。
8. 完成后,保存并运行你的视图。现在,当用户选择Dropdown list中的选项时,将跳转到与所选选项关联的视图。
阅读全文