一、需求或场景
一块屏幕上需要展示多个页面,可以是相同页面不同数据,也可以是不同页面。
二、准备工作
1、按业务需求创建数据展示大屏。
数据展示大屏就是你需要展示业务数据看板的大屏。
2、创建轮播大屏。
轮播大屏上放两个组件,一个时间轴组件,一个轮播页面组件。
三、参数设置
1、时间轴,
需要隐藏掉的可以自己设置参数
设置时间轴数据接口:
简单,不多说,时间轴数据可以是接口返回也可以是动态数据。时间轴上各节点就是数据项里面设置的,一般是将业务id设置进来。
时间轴交互:
重点
请看两个图片:上面图片是“数据接口”配置界面,下面图片是“交互”配置界面,
解释一下:
“ 数据接口”配置里面的字段是你需要设置或接口返回的数据格式,比如[ { "value": 0 }, { "value": 1 }, { "value": 2 } ],这里返回的value值必须与轮播页面数据接口返回的id值一致
“交互”配置界面就是设置与其他组件交互的字段,其他组件可以获取到交互字段的数据,这里配置的“字段”必须是数据配置项里面的字段存在的,“绑定到变量”就是设置一个别名,其他组件可以使用这个别名。
2、轮播页面
同样先设置数据接口,请看图片,字段“id”和“url”必填,serieName没有也没事。这里返回的id值必须与时间轴组件数据接口返回的value值一致.
再往下看,请看图片,回调接口设置,写一个回调接口,参数可以取时间轴组件设置交互的时候设置的别名,接口再返回请求过来的参数值,相当于返回的就是一个轮播页面的id。
这样再时间轴的动态效果下,会动态的将时间轴事件节点上的数据“value”值传递给轮播页面的回调接口,回调接口获取到之后,返回接口数据id值,轮播页面就会按照回调接口返回的id,自动切换需要播放的页面。
以上基本解决了轮播页面的需求,各位大佬有什么疑问或建议请留言或打赏,或者有datav其他问题的也可以找我,一起探讨、一起学习、一起进步。