润乾报表V4技术资料

很多网页上都是页面上方和下方各有一个页标（第 X页 共X页 下一页 上一页 跳转到第X页），所以客户希望报表也能想其它网页一样加载出来两个页标，方便用户操作。

润乾本身提供一个toolbar工具栏，还有就是needPageMark标签。就试想是不是可以通过加载两个toolbar或者两个needPageMark标签来实现这个需求。测试发现如果定义两个function bar ：

needPageMark=”yes”

funcBarLocation=”top”

……

……

needPageMark=”yes”

funcBarLocation=”bottom”

加载过后页面还是只有一个下方的function bar

所以考虑通过加载两个toolbar来实现。下面就具体讲一下实现思路。

第一步 定义出另一个toolbar

复制一个reportJsp文件夹下的toolbar.jsp，将复制出来的这个jsp重命名为toolbar1.jsp，打开toolbar1.jsp，修改“<td width=”47%” align=”right” valign=”middle” style=”font-size:12px” >共<span id=”t_page_span“></span>页/第<span id=”c_page_span“></span>页&nbsp;&nbsp;”

为“<td width=”47%” align=”right” valign=”middle” style=”font-size:12px” >共<span id=”t_page_span1“></span>页/第<span id=”c_page_span1“></span>页&nbsp;&nbsp;”

然后保存。

第二步 修改showReport.jsp

打开showReport.jsp在加载报表的table的代码之前加上代码：

<jsp:include page=”toolbar.jsp” flush=”false” />

在加载报表的table的代码之后加上代码：

<jsp:include page=”toolbar1.jsp” flush=”false” />

在<script language=”javascript”>后面写上代码：

document.getElementById( “t_page_span” ).innerHTML=report1_getTotalPage();

document.getElementById( “c_page_span” ).innerHTML=report1_getCurrPage();

document.getElementById( “t_page_span1″ ).innerHTML=report1_getTotalPage();

document.getElementById( “c_page_span1″ ).innerHTML=report1_getCurrPage();

保存showReport.jsp

第三步 修改工具栏的显示外观

根据自己的需要修改toolbar.jsp和toolbar1.jsp中代码来改变工具栏的显示外观，删掉一些不需要的按钮。这里就不具体介绍。

第四步 发布报表

将修改好的jsp保存后发布报表，就能看见报表页面上方下方都有一个toolbar.

 

后来发现funcBarLocation这个标签除了top和bottom还有一个值，就是both。

funcBarLocation=”both”