利用datav的回调id实现交互效果

应用场景:

1.点击地图上点位展示详情

2.点击tab切换展示数据

回调id作用讲解:通过设置组件的回调id可以拿到组件中对应回调id的字段值,当触发该组件时对应的字段的值会存放到回调id变量中,我们可以在其他组件中将此回调id对应的字段

设置为参数,这样就可以将触发的组件的回调id对应的字段的值传入到其他组件中,从而根据回调id的值来查询不同的数据来实现交互效果。

注意:

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明

下面以tab组件点击来切换展示效果的例子给出讲解:

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明

tab项设置如下:

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明

回调id的设置

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明

预览效果:

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明

datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明datav的回调id讲解和点击不同的tab项展示不同的数据使用说明









作者:星辰 时间:2017-07-29 浏览 1071评论 0 赞 0砸 0 标签: 大数据 datav 可视化
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款