1.1 问题描述

在使用表单的 Tab 块功能时，我们经常会遇到类似这样的问题：

当在一个 Tab 块中有多个 Tab 页存在，如果用户所处其他 Tab 页（非第一个 Tab 页），点击查询后，会自动跳转到第一个 Tab 页，如下图所示：

如何能实现：点击查询后，不自动跳转到第一个 Tab 页，还是在用户当前 Tab 页呢？如下图所示：

1.2 解决思路

1）Tab 切换事件：

setTimeout(function(){
//TAB切换后,获取到当前TAB块的标题索引
window.IndexNum=_g().getWidgetByName("tabpane0").getShowIndex();
},50);

2）Tab 初始化事件：

this.options.form.getWidgetByName("tabpane0").showCardByIndex(window.IndexNum);

2.1 添加查询控件

打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Oldchart\advanced\tab标签.frm文件

点击下载模板：tab标签.frm

新增一个参数界面，添加查询控件，如下图所示：

2.2 新增 Tab 切换事件

选中 Tab 块控件，在控件列表中选择所选 Tab 块下方的 tabpane0，新增一个 Tab 切换事件，如下图所示：

JS 代码如下：

setTimeout(function(){
//TAB切换后,获取到当前TAB块的标题索引
window.IndexNum=_g().getWidgetByName("tabpane0").getShowIndex();
},50);

2.3 新增初始化后事件

选中 Tab 块控件，在控件列表中选择所选 Tab 块下方的 tabpane0，新增一个初始化后事件，如下图所示：

JS 代码如下：

this.options.form.getWidgetByName("tabpane0").showCardByIndex(window.IndexNum);

保存模板，点击表单预览，效果如下图所示：

注：不支持移动端。

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\06-JS实现点击查询后停留在当前查询的tab页.frm

点击下载模板：06-JS实现点击查询后停留在当前查询的tab页.frm