提问 发文

轮播表格信息展示-点击单元格

易知微创新技术团队

| 2024-08-30 11:18 31 0 0

预览效果

图片

实现逻辑

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


操作步骤

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

图片


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

图片


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

图片


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

图片


返回工作台,点击【轮播表格】→【交互】→【自定义事件】→点击【+】添加事件→事件类型设为【点击单元格】→点击【添加条件】。 

图片


在【轮播表格】组件设置中,“value”对应单元格,所以在条件中设置如下字段。 

图片


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

图片


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

图片


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

图片

如需教程Demo,请进入【易知微产品帮助中心】公众号对话框,发送“轮播表格信息展示”即可获得~

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群