点击标题组件如何跳转到目标模板中对应的tab块儿

在标题组件中设置了点击跳出弹窗(目标模板),并设置了相应参数,如何在目标模板中写对应的js代码,实现点击可燃气就跳转可燃气的tab页,而非默认tab界面image.png

image.png

FineReport pkZKVhmC 发布于 2025-1-23 12:03 (编辑于 2025-1-23 12:04)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
Z4u3z1Lv6专家互助
发布于2025-1-23 12:04
  • pkZKVhmC pkZKVhmC(提问者) 如果是在目标模板中使用模板—页面加载结束呢?
    2025-01-23 12:07 
  • Z4u3z1 Z4u3z1 回复 pkZKVhmC(提问者) https://help.fanruan.com/finereport/doc-view-4347.html 参考
    2025-01-23 12:21 
最佳回答
0
shirokoLv6资深互助
发布于2025-1-23 12:04(编辑于 2025-1-23 12:13)

JS实现点击超链切换Tab块 - FineReport帮助文档 - 全面的报表使用教程和学习资料

打开新模板的时候给一个默认参数。

然后新模板的加载结束事件里面,检测到参数的时候就参照文档里的方法,跳转指定tab页

最佳回答
0
yzm6kKii9138498Lv2见习互助
发布于2025-1-23 13:02

在帆软报表中,可以通过设置超级链接的方式,使得用户点击标题组件时能够跳转到目标模板中的对应tab块儿。以下是详细的步骤7

  1. 新建模板:首先,你需要新建一个决策报表,并在报表中拖入一个报表块和一个Tab块。然后,添加三个Tab标题,以便进行测试。

  2. 设置超级链接:接下来,你需要为报表块单元格设置超级链接。在这个例子中,使用了JavaScript类型的超级链接,并通过JS接口实现了Tab切换。具体的JavaScript代码如下:

    • window.parent.$('#tabpane0').tabs('select', index);:这行代码用于切换到指定索引的Tab页,其中index是从0开始的索引值。

    • window.parent.$('#tabpane0').tabs('select', index);var TabName = 'A2';:这行代码不仅实现了Tab切换,还传递了一个参数TabName,其值为A2单元格的值。

  3. 效果预览:保存模板后,点击预览,你应该能看到点击报表块「标题0」超链时,跳转到了对应的Tab块,并且传递了参数TabName的值给对应的Tab块。在对应Tab块中,输入$TabName即可引用参数。

  • 3关注人数
  • 25浏览人数
  • 最后回答于:2025-1-23 13:02
    请选择关闭问题的原因
    确定 取消
    返回顶部