在ignition8.1版 Vision模块中如何通过Dropdown list里面的Select Value来实现,画面跳转,不允许使用 Perspective
时间: 2024-03-27 19:37:06 浏览: 26
在 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。
相关问题
在ignition8.1版 Vision模块中如何通过Dropdown list里面的Select String 编辑脚本实现对应画面跳转,不允许使用 Perspective
你好,可以通过以下步骤实现:
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中的任何一个选项,就可以跳转到对应的画面了。
希望这个回答能够帮助你!
在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中的选项时,将跳转到与所选选项关联的视图。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)