【仪表板-交互分析】仪表板表格跳转传递值的实现方法

收藏

本帖最后由 Felix.Li 于 2023-1-5 19:10 编辑

在Wyn Enterprise当中，仪表板提供了表格能力。有时用户需要在通过表格展示数据的同时，需要进行点击操作，
通过点击表格，跳转到其他地址，查看更多的信息。

这种场景，需要讲表格内的值通过url进行传递。

具体实现步骤如下：
本示例数据以网站名称和url地址为例，用户需要点击url单元格跳转到对应的网站。
1.建立数据源并创建数据集

2.设计表格，绑定数据

3.外部拓展插件
根据跳转目的页面的业务场景，在WebContent的index.html页面中实现业务逻辑。
外部拓展插件实现请参考：https://help.grapecity.com.cn/pages/viewpage.action?pageId=50010384
将设计好的WebContent放在 C:\Program Files\Wyn Enterprise\Server\wwwroot\Web Contents 安装路径下。
以【URL地址】字段为例，对应的JumpTo拓展插件的index.html中的js处理方法，主要是截取传递过来的url中的值。

4.设计含外部拓展的仪表板
4.1 使用该外部拓展插件设计新的仪表板
image.png568627318.png

4.2 获取该仪表板的URL
保存仪表板之后，在门户预览，点击右上角【新窗口】打开，获取地址栏的URL。
image.png737091674.png

5.设置表格跳转
在表格的跳转属性中，设置跳转。
跳转方式为新页面，外部连接网址的URL为：http://10.32.201.33:51980/dashbo ... e4ec6e4c66162b&p1=#{selection|["网址"]}

URL的组成：
目标仪表板的URL：http://10.32.201.33:51980/dashboards/view/578372c7-00fe-4919-ab1f-623858f48cdc?theme=blue&lng=zh
令牌：token=d382dbad586bea998680265744d6bf94ee4a55822623e37b46e4ec6e4c66162b
传递参数：p1=#{selection|["网址"]}，#{selection|["网址"]}为参数值，即当前跳转单元格的值。

文档跳转参数值传递详细内容请参考：https://help.grapecity.com.cn/pages/viewpage.action?pageId=50012456
image.png831445007.png

6.跳转测试
预览仪表板，选中表格行，点击跳转,即可在新网页中打开该URL的网址。
image.png516903686.png

详细内容可以直接下载附件，在自己的环境导入后体验实现过程。

		自动登录	找回密码
密码			立即注册

【仪表板-交互分析】仪表板表格跳转传递值的实现方法

0 个回复

微信认证勋章

讲师达人

元老葡萄

悬赏达人