历史版本1 :JS实现点击查询后停留在当前查询的Tab页 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

A、需求分析编辑

在使用表单的TAB块功能时,我们经常会遇到类似这样的问题:当在一个TAB块中有多个TAB页存在,如果用户所处其他TAB页(非第一个TAB页),点击查询后,会自动跳转到第一个TAB页的情况(如图一)。如何能实现:点击查询后,不自动跳转第一个TAB页,还是在用户当前TAB页呢(如图二)?

图(一):
222

图(二):
222

B、解决方案编辑

通过在TAB块中设置JavaSprite脚本来实现此功能!

1.TAB切换事件:

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

2.TAB初始化事件:


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

C、示例编辑

1.打开 \WebReport\WEB-INF\reportlets\demo\newchart\advanced\tab.frm 文件,新增一个参数界面。

如图:
222

2.选中TAB块控件,事件-TAB切换事件。
222

JS脚本:

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

3.同理:选中TAB块控件,事件-TAB切换事件。

JS脚本:

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

4.保存,预览表单。

效果如图(二)所示!