如何控制报表组点查询后默认选择的 tab 页


报表组由多个报表组成,在 web 端一般以多 tab 页形式进行展现。而不同的用户关注点往往不同,通常会要求报表组打开时默认展示自己关注的 tab 页,为此报表工具提供了控制报表组的 js 函数: group_selectSheet(),只要在报表组展示的 jsp 页面中调用这个 js 函数就可以控制报表组打开时默认展示哪个 tab 页,例如可以下段代码加入到展示报表组页面的 js 里:

$(document).ready(function() {

group_selectSheet(“group1”,“订单明细”);

});

这样,在报表组打开时会默认选中“订单明细”这个 tab 页,如下图:

1jpg

注:group_selectSheet 函数是按照标题名称设置 tab 页,这个例子中就是报表组中的标题“订单明细”。

实际使用时,报表组通常还会带有参数表单,选择参数后点击查询会转入 queryGroup.jsp 重新查询展示报表组。这时,一般会要求所选择的 tab 页保留在之前客户手动选择的 tab 页。所以,上例中的“订单明细”不能设置成固定的,而是要动态获取鼠标选择的 tab 页。

解决方案:

要实现这个需求,要解决两个问题:

一:如何获取当前页面中鼠标选择的 tab 页。

二:如何将选择的 tab 页传入到报表组结果页面进行控制。

首先看一下如何获取 tab 页的值,报表同样提供了相应的 js 函数,用于获取当前报表组中鼠标所选 tab 页:group_getCurrSheetTitle(“group1”),group1 是 tag 标签中指定的 groupId 的值,这样就可以通过该函数获取当前标题值,之后在点击查询后将该值传入到展示页面即可。接下来看看如何将该值传递过去。

点击查询时,报表组跳转的页面是通过参数模板标签中的 resultPage 控制的,所以只要控制这个值就行了,同样,这也可以通过 js 来控制。在页面中增加如下代码:

function newsubmit(){

var a=group_getCurrSheetTitle(“group1”); form1.resultPage.value=form1.resultPage.value.replace(“sn”,“n”)+“&sn=”+a;

_submit(form1);

}

在 js 中新增函数:newsubmit(),获取当前选择的 tab 页,并且控制跳转页面:form1.resultPage.value 的值,在该值后边增加参数”&sn=”+a,将当前选择的页面标题传递给 url 上的 sn 参数。注意:由于会涉及到多次点击查询,这样 url 上会拼接多次 sn 参数,所以要将之前的 sn 参数名替换成 n,避免多次点击查询造成影响,最后再执行内置的 js 函数:_submit( form1); 执行查询操作。

添加了这个 js 函数后,还要更改页面中查询按钮的事件,这样点击查询后就会调用新增加的 js 函数:

找到 showReportGroup.jsp 中的:

<a href="javascript:_submit( form1 )" class="easyui-linkbutton" style="vertical-align:middle;padding:0px 8px;"><%=ServerMsg.getMessage(request,"jsp.query")%></a>

将javascript:_submit( form1 )改成:javascript:newsubmit(),这样报表组点击查询后就会进入到指定页面,并将当前页面选择的tab页的标题通过sn参数传递过去。

接下来再修改queryGroup.jsp来控制查询后的tab页选择,首先在jsp页面中的java代码里增加如下代码:

String sn = request.getParameter( "sn" );

从url中获取sn参数的值,然后在页面的js里增加:

 window.setTimeout( "selectTab()", 0 );

 function selectTab() {

  group_selectSheet("group1","<%=sn%>");

 }

这样,通过自带的 js 函数 group_selectSheet,可以控制当前页面选择的 tab 页。注:报表组默认展现时是选择第一个 tab 页,所以要通过 window.setTimeout(“selectTab()”, 0 ); 控制下函数的加载,这样就能切换到之前选择的 tab 页里。
更多报表样式类问题请看:报表样式分类导航
* 按段分组报表制作
* 如何开发主从报表
* 报告式报表的制作
* 报表中如何实现不规则布局
* 报表工具轻松搞定卡片式报表

以下是广告时间

对润乾产品感兴趣的小伙伴,一定要知道软件还能这样卖哟性价比还不过瘾? 欢迎加入好多乾计划。
这里可以低价购买软件产品,让已经亲民的价格更加便宜!
这里可以销售产品获取佣金,赚满钱包成为土豪不再是梦!
这里还可以推荐分享抢红包,每次都是好几块钱的巨款哟!
来吧,现在就加入,拿起手机扫码,开始乾包之旅



嗯,还不太了解好多乾?
猛戳这里
玩转好多乾