JS实现填报分页下复选框全选
1. 描述
在填报应用中,如果数据量大的话,会用到填报分页,此时若是在填报中需要用到复选框全选控件,那么使用普通的JS实现复选框控件全选就不适用了,如下图,只会全选当页的数据:
2. 思路
因为普通的JS是通过检测当前页面的控件,然后进行全选或全不选,当使用分页时,JS不会对未加载的页面生效,所以不适用。需要用到动态参数来对控件进行赋值。
3. 操作步骤
3.1 打开模板
打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\WidgetExample\CheckBoxSelectAll.cpt
3.2 修改模板
1)在A2单元格设置条件属性-分页,分页公式为&C2 % 5 ==0:
=$select。
setTimeout(function(){
$('td[id^=J1').children(".linkspan").click();
},50);
4. 预览效果
保存,进行填报分页预览,预览时地址栏后面加上&__cutpage__=v,最终效果如上图。
4.1 PC端预览效果

注:此JS不支持移动端使用
5. 已完成模板
模板效果在线查看请点击:JS实现填报分页下复选框全选.cpt
已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\填报预览JS实例\36-JS实现填报分页下复选框全选.cpt
附件列表
文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201)