批量修改复选框选中行中某列的值
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单元格添加按钮控件,一个按钮名称为批量中止,一个按钮名称为批量取消中止,如下图所示:

3.3 添加初始化事件
右击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,依次类推
}
}
}
3.5 效果预览
保存后,点击填报预览,效果如描述中所示。
附件列表
主题: 二次开发
标签:
已验证

