提问 发文

使用引用面板后,各个大屏之间如何交互?

赵炎飞

| 2023-05-15 11:18 414 2 1

        今天遇到一个客户提问,他做了两个大屏,其中一个大屏(大屏A)中使用了引用面板,嵌套了另一个大屏(大屏B),在大屏B中有一个图片组件,他希望点击这个图片组件后,隐藏引用面板。下面给大家介绍一下方法:

        

      1.  想要在各个大屏之间传递交互或数据,只能通过回调的方式,大家可以把组件的回调理解为一个全局变量,只要你任何一个大屏发出了这个回调,所有其他的大屏都是可以去放到这个回调的。所以,点击大屏B的图片后,需要让大屏A执行某些操作时,图片组件必须先发出一个回调来,如下所示,我先给图片组件的静态数据加了一个 show 字段,然后再把这个 show 通过回调发出来:

    

    2.然后我们在大屏A中添加一个数据容器组件,给这个数据容器组件添加一个过滤器,用来接受回调:


        3.最后,给这个数据容器添加自定义事件,其中的条件和动作如下所示:


    4.如果你又其他组件需要控制引用面板再显示出来,也可以发一个 show = "true" 的回调出来,然后给数据容器加上 show="true"时的自定义事件执行显示操作即可。同理,我们可以自定义 show 的内容,根据 show 的内容来执行任意的操作,包括切换引用面板的页面等等。

收藏 0
分享
分享方式
微信

评论

游客

全部 2条评论

赵炎飞 赵炎飞 回复

元宝腿长1米8

2023-05-27 13:26
谢谢元宝老师
回复
元宝腿长1米8 元宝腿长1米8 2023-05-23 14:02
孟老师好棒
回复
19

文章

1.8K

人气

6

粉丝

1

关注

官方媒体

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

开始免费试用 预约演示

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

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

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

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