JS实现工具栏添加计数

编辑
文档创建者:Poseidon (65718 )     浏览次数:2051次     编辑次数:6次     最近更新:ukae 于 2018-08-13     

目录:

1. 描述编辑

场景描述:在报表查看过程中,有时候需要有计算当前行数的功能,我们可以在工具栏上显示当前条数。

分页预览工具栏中有上一页,下一页,导出之类的功能,唯独没有计数功能,此处通过添加一个自定义按钮来实现该功能。

效果如下:

222

2. 思路编辑

我们可以利用工具栏的“加载结束”事件上,利用获取某一个隐藏的单元格上面的内容,而这个单元格可以计算当前页的条数。

3. 操作步骤编辑

3.1 修改模板

打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\LineForm.cpt

在A1单元格使用count函数来计数:

222
右击第一行,选择隐藏,隐藏
222
3.2 分页预览设置

选择模板>模板Web属性>分页预览设置,添加自定义按钮并添加加载结束事件,如下图:

222
var totalnumber=$("tr[tridx=0]","div.content-container").children().eq(0).text();//获取A1单元格的值 if(!isNaN(totalnumber)){ $("#fr-btn-CustomToolBarButton").text("共"+totalnumber+"条") }

4. 预览效果编辑

4.1 PC端预览效果

保存模板,选择分页预览,效果如上。

注:经过测试,移动端不支持该效果。

5. 已完成模板编辑

模板效果在线查看请点击:JS实现工具栏添加计数.cpt
已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\工具栏JS实例\01-JS实现工具栏添加计数.cpt



附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗? [ 去社区提问 ]