Skip to content

概述

实现在同一页面内局部区域的画面切换。例如:页面主体保持不变,仅在一个固定区域中,根据下拉框所选站点(如10个不同场站),动态加载并展示对应站点的监控数据、趋势图或设备状态,从而提升操作效率与界面一致性

案例展示

案例中展示了4层切换,都是通过动态面板实现,分别通过下拉框按钮菜单实现了不同画面内容的切换

gif

实现方法

添加动态面板--创建子画面--添加下拉框--关联事件

png

  1. 添加动态面板 定义尺寸 png

  2. 创建子画面

创建子画面,注意:子画面的尺寸与动态面板的尺寸一致

png

  1. 添加下拉框

添加下拉框控件,将下拉框的配置内容与子画面保持一致 png

  1. 关联事件

动态面板的页面由下拉框的配置来匹配

png

展示效果

gif

特点说明:

  • 局部更新:仅替换面板内容,不刷新整页,响应更快、体验更流畅。
  • 按需展示:结合下拉框、按钮等控件,实现“所选即所见”。
  • 节省空间:避免为每个站点单独设计完整页面,降低工程复杂度。
  • 典型应用:多站点轮巡监控、设备分组查看、参数分页配置等场景

SCADA帮助文档