润乾——报表上下各加一个分页标签
来源:互联网 发布:淘宝自定义客服中心 编辑:程序博客网 时间:2024/04/30 22:47
报表上下各加一个分页标签
很多网页上都是页面上方和下方各有一个页标(第 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>页 “
为”<td width=”47%” align=”right” valign=”middle” style=”font-size:12px” >共<span id=”t_page_span1“></span>页/第<spanid=”c_page_span1“></span>页 “
然后保存。
第二步 修改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”
- 润乾——报表上下各加一个分页标签
- 润乾——报表展现标签简介
- 【发布一个分页标签】
- Access报表打印——自动分页
- 转载一个分页标签开发
- 润乾报表性能管理之分页计算标签
- 润乾报表分页标签:显示第几页和共几页
- 润乾报表分页计算标签tobig使用
- 标签后加一个红色的*
- Bootstrap CSS——分页与标签
- Bootstrap——分页,翻页,标签,缩略图
- 分页报表
- 我写的一个自定义分页标签
- 一个仿javaeye的自定义分页标签
- Js 简单上下分页
- 制作上下分页样式
- 表单提交后分页页面标签POST实现 —— 一个小小的bug引发的思考
- J2EE 0.7.1—报表功能。传入封装数据的list实现打印标签报表。。
- [Elasticsearch] 聚合中的重要概念 - Buckets(桶)及Metrics(指标)
- Ubuntu打开终端的方法三种
- 如何设计你的2015年度计划
- PHP isset()与empty()的使用区别
- #define中 #与##的神奇用法
- 润乾——报表上下各加一个分页标签
- C盘清理小技巧
- ng-repeat直接添加标签
- win 7 防火墙设置
- svn 合分支主干 不出错方法
- sp、pt、px、dip等单位在Android中的用法解析
- vector定义类对象
- Val3语言介绍
- MongoDB