如何实现反向控制?例如通过组件交互更改API数据中的数值。
2024-01-09 13:28
白鲸 前台管理员
2024-01-09 13:41

可以在山海鲸可视化软件中通过二次开发发送网络请求实现这个操作,参考步骤如下:


1. 首先,在项目中添加一个API数据源。点击此处下载excel示例文件。


2. 然后绑定数据到组件,这里以数据表格组件为例。


3. 设置项目参数,这个参数表示数据表格组件显示的数据条数。


4. 添加一个“控件”,设置二次开发代码,这里以下拉菜单组件为例。


二次开发代码示例:

class DropdownTemp{
  init(){
    this.element.addEventListener("选项更改", (event) => {
      console.log(event)
      this.project.setVariable("count", event.data);
    });
  }

  destroy() {
    this.element.removeEventListener("选项更改");
  }
}
export default DropdownTemp;


5. 为“控件”设置交互,具体设置参考下图:


设置完成后,我们就可以通过下拉菜单组件,选择数据表格组件显示的数据条数了,最终效果如下图所示:

扫描关注公众号

更多数字孪生可视化干货内容等你发现

了解更多内容

扫一扫
加入官方微信群
咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2024 多算科技, All Rights Reserved. 浙ICP备20006837号-5