轮播表格信息展示-点击行

易知微创新技术团队

| 2024-10-10 10:35 89 0 0

一、预览效果

【轮播表格】组件通过【自定义事件】联动【动态面板】，实现点击表格展示对应的详细信息。

点击【组件】→【文字】→添加【轮播表格】到工作台。

点击【动态面板】，添加到工作台。

双击【动态面板】或点击右侧【编辑动态面板】，进入编辑页面。

在编辑页面添加想要展示的不同【状态】，这边添加3个【状态】，对应【轮播表格】三行，可根据需求添加对应数量的状态。

返回工作台，点击【轮播表格】→【数据】，可以看到轮播表格中的【销售地区】，稍后需要用到这部分来定位。

还是在【轮播表格】组件中，点击【交互】→【自定义事件】→点击【+】添加事件→事件类型设为【鼠标点击】→点击【添加条件】。

将前面我们从数据中得到了用于定位的字段，事件1对应对应第一行，对应北京，填写即可。

添加【动作】→组件设置为【动态面板】→动作设置为【切换组件状态】→设置【状态1】。

添加【事件2】和【事件3】，只需参照事件1，调整到对应的【条件】和状态设置即可。

最后我们设置一下【动态面板】，勾选【默认隐藏】。

如需教程Demo，请关注公众号【易知微产品帮助中心】，发送“轮播表格选中行展示”即可获得~

轮播表格信息展示 数字孪生轮播表格 轮播表格 轮播表格字段 轮播表格信息展示点击行

赞同 0

135

文章

1.09K

人气

粉丝

关注

扫码获取

更多数字孪生可视化干货内容