帆软决策报表JS实现点击超链切换TAB页

1. 描述编辑

客户想通过对报表块单元格的点击实现tab标题的切换：

2. 思路编辑

通过单元格超级链接-JavaScript脚本实现tab切换：

this.options.form.getWidgetByName('cardlayoutname').showCardByIndex(index); //切换显示tab

参考文档：TAB布局

3. 操作步骤编辑

3.1 新建决策报表

拖入一个报表块和tab块，添加三个tab标题，模板如下：

3.2 设置超链接

右击A2单元格，添加超级链接-JavaScript脚本：

js代码如下：

_g().options.form.getWidgetByName("tabpane0").showCardByIndex(0);

注：tabpane0是指整个tabpane0对象，Index是指的索引，从0开始。

同理A3、A4单元格也要添加超级链接-JavaScript脚本，将js代码中的index修改为对应的索引即可。

A3单元格对应的js为：_g().options.form.getWidgetByName("tabpane0").showCardByIndex(1);

A4单元格对应的js为：_g().options.form.getWidgetByName("tabpane0").showCardByIndex(2);

帆软决策报表JS实现点击超链切换TAB页相关推荐

js获取浏览器活跃页面，切换tab页状态
https://blog.csdn.net/qq_37818095/article/details/94432207
帆软报表 js 调用sql_SQL Server中的报表–创建由先前创建的主报表调用的基于矩阵的子报表
帆软报表 js 调用sql Introduction 介绍 As you will remember from our last "get together" we created ...
html指定区域的背景颜色,JS实现点击颜色块切换指定区域背景颜色的方法
本文实例讲述了JS实现点击颜色块切换指定区域背景颜色的方法..具体实现方法如下: 代码如下: JS实现点击颜色块切换指定区域的背景颜色适时切换网页指定区域背景颜色请选择背景: function g ...
JS实现点击button按钮切换图片
JS实现点击button按钮切换图片放暑假在家打算学习html/css/js制作网页,只有html/css的一些基础.实现效果如图: 这个网页很简单,是用Dreamweaver写的,但是是通过自己做 ...
纯html+css实现点击切换tab页
核心内容是使用单选框实现css的点击事件大致分析一下dom结构,被切换的tab页和按钮放在同一个li内一共需要切换三个页面,也就是说需要有三个li,首先写一下基本dom结构一.基础结构我使用的 ...
asp.net 点击查询跳转到查询结果页面_如何控制报表组点查询后默认选择的 tab 页...
报表组由多个报表组成,在 web 端一般以多 tab 页形式进行展现.而不同的用户关注点往往不同,通常会要求报表组打开时默认展示自己关注的 tab 页,为此报表工具提供了控制报表组的 js 函数: g ...
帆软决策报表控件实现点击查询按钮后才能查询
官方网址:https://help.fanruan.com/finereport/doc-view-3230.html 分2种一种是传给图,一种传给表, ①传给图如下: 第一步: 先取消参数查询: 代 ...
帆软决策报表嵌入html,在决策报表中使用网页框控件
假设决策报表里有一个网页框控件,控件名为rHIframe0:同时有三个按钮控件,分别给按钮控件添加下面的点击事件: 3.1 setValue(String) 设置并刷新网页框控件的地址(保留原参数) ...
帆软报表工程师FCRA试题及答案
目录一.入门基础 1.1 单选题 1.2 多选题 1.3 判断题二.数据集 2.1 单选题 2.2 多选题 2.3 判断题三.模板 3.1 单选题 3.2 多选题 3.3 判断题四.报表设计 ...
帆软参数设置_帆软报表（finereport）参数组合/下拉参数联动
首先实现下拉参数联动 1.参数的定义→添加控件绑定数据→参数过滤和参数面板样式下拉复选框控件注意事项: select * from table where 1=1 ${if(len(控件名称)=0, ...

帆软决策报表JS实现点击超链切换TAB页

2. 思路编辑

3. 操作步骤编辑

帆软决策报表JS实现点击超链切换TAB页相关推荐

最新文章

热门文章