JS批量修改复选框选中行中某列的值
1. 描述
场景描述:在某些情况中,需要对我们批量选择的记录修改其中某列的值,比如在批量审批报表应用中,会经常用到对选择的记录进行批量审批或批量取消审批,如果每行单独点击审批,会比较麻烦,我们可以在报表中利用JS来实现这一效果,效果如下:
2. 思路
利用JS对复选框进行遍历,判断是否选中,取选中的行号,再利用contentPane.setCellValue(col,row,value)来进行批量设置。
3. 操作步骤
3.1 打开模板
打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm7.cpt。
3.2 添加按钮控件
右击D1,F1单元格添加按钮控件,一个按钮名称为批量中止,一个按钮名称为批量取消中止,如下图D1单元格,F所示:

右击A3单元格,弹出控件设置,为复选框控件添加初始化后事件,如下图:

js代码如下:
if (!window.lineboxes) {
window.lineboxes = [];
}
lineboxes[lineboxes.length] = this;
3.4 添加点击事件
右击D1单元格,弹出控件设置对话框,为批量中止按钮添加点击事件,如下图所示:

js代码如下:
if(window.lineboxes) {
var cells = [];
for (var i = 0; i < lineboxes.length; i++) {
if (lineboxes[i].selected()) {
var cr=FR.cellStr2ColumnRow(window.lineboxes[i].options.location);
//获取勾选复选框所在行列
_g().setCellValue(10, cr.row, '真'); //逐一赋值,这里列号列序号,第一列是0,第2列为1,依次类推
}
}
}
右击F1单元格,弹出控件设置对话框,为批量取消中止按钮添加点击事件,js代码如下:
if(window.lineboxes) {
var cells = [];
for (var i = 0; i < lineboxes.length; i++) {
if (lineboxes[i].selected()) {
var cr=FR.cellStr2ColumnRow(window.lineboxes[i].options.location);
//获取勾选复选框所在行列
_g().setCellValue(10, cr.row, '假'); //逐一赋值,这里列号列序号,第一列是0,第2列为1,依次类推
}
}
}
4. 预览效果
4.1 PC端预览效果
保存后,点击填报预览,效果如描述中所示。
注:经过测试,手机端和h5不支持该效果。
5. 已完成模板
模板效果在线查看请点击:JS批量修改复选框选中行中某列的值.cpt
已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\填报预览JS实例\14-JS批量修改复选框选中行中某列的值.cpt
附件列表
文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201)