找回密码
 立即注册

QQ登录

只需一步,快速开始

MatrixTian 讲师达人认证 悬赏达人认证

高级会员

141

主题

211

帖子

1380

积分

高级会员

积分
1380

微信认证勋章讲师达人元老葡萄悬赏达人

MatrixTian 讲师达人认证 悬赏达人认证
高级会员   /  发表于:2020-9-8 16:46  /   查看:3428  /  回复:0
本帖最后由 Felix.Li 于 2023-1-5 19:10 编辑

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

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

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

2.设计表格,绑定数据
2.png

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中的值。
3.png

4.设计含外部拓展的仪表板
4.1 使用该外部拓展插件设计新的仪表板
image.png568627318.png
image.png373122863.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


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








JumpTo.zip

14.06 KB, 下载次数: 170

表格跳转Demo.zip

4.75 KB, 下载次数: 142

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部