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：
(2)设置第1行为重复标题行：
(3) 添加模板参数select：
(4) 设置2个复选框控件的值都为公式 =$select。
(5)右击J1单元格添加超链接，新增动态参数：
(6)将A1全选复选框的状态改变后事件修改如下：
代码如下：
setTimeout(function(){
$('td[id^=J1').children(".linkspan").click();
},50);
(7)保存，进行填报分页预览，预览时地址栏后面加上&__cutpage__=v，最终效果如上图。
附件列表
主题： 二次开发
标签：
已验证