帆软填报设置单行删除-多行删除-全部删除

最新推荐文章于 2025-07-16 16:43:23 发布

原创最新推荐文章于 2025-07-16 16:43:23 发布 · 8.1k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#帆软

帆软专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在帆软报表中设置单行、多行和全部删除功能。通过创建数据源、设置数据展示和格式，添加筛选框，设置填报属性，以及利用按钮控件和复选框控件配合事件代码实现不同类型的删除操作。提供了模板下载和关键步骤的详细说明。

本文所用数据源为帆软自带“销量”

示例模板下载：链接: https://pan.baidu.com/s/1eFjMTybnPxH7O68RC320Vg 提取码: v5cs

1、创建数据源信息

2、设置数据展示如图所示

3、调整格式，注意将第3行内容设置为列表，其他随意。调整模板其他格式

（我这里模板web属性，填报页面设置，只保留了：提交、Excel原样导出、导入Excel3个，另外还有自适应属性、重复冻结皆可自行设置）

4、添加筛选框，将A3单元格的左父格设置为B3 ，保存然后填报预览如下：

5、下面将做填报及删除测试，可以保留一份“销量原始数据”

6、模板--报表填报属性--提交--+--内置SQL

7、设置填报表、字段、单元格、主键等属性。填报表方式可以参考帆软官方文档等（这里主键全部字段，根据实际情况而定）

8、在A1单元格添加按钮控件，并添加点击事件（可以修改按钮名字与按钮图标）

示例--修改按钮名字与按钮图标

示例--添加点击事件

--事件代码

var $span = $('.fr-checkbox-checkon');  //获取选中的复选框 
var darray = []; //新建一个数组用来存放选中的单元格所在的行号
var $tds = $("td").has($span);   //获取选中复选框所在的单元格，即选中的单元格
for (var i = 0, len = $tds.length; i < len; i ++) {    //遍历选中的单元格     
    var id = $($tds[i]).attr("id");     //获取选中的单元格所在的行号     
    if (id) {      
        darray.push(id);     //将选中的单元格所在的行号放入到数组中     
    }
}
contentPane.deleteReportRC(null,darray); //第二个参数为行号

9、在A2单元格，添加复选按钮控件，并添加状态改变事件（可以修改按钮文本）

示例--修改按钮文本

示例--添加状态改变事件

--事件代码

var flag=this.getValue();               //获取当前复选框控件的状态，true /false  
for(var i=0;i<window.lineboxes.length;i++){            //循环遍历每个复选控件  
var cr=FR.cellStr2ColumnRow(window.lineboxes[i].options.location);  
//由每个控件位置获取行号列号  
_g().setCellValue(cr.col, cr.row, flag);            //逐一赋值当前状态  
}

10、在A3单元格，添加复选按钮控件，并添加两个事件，一个初始化后，一个状态改变

--初始化后代码

if (!window.lineboxes) {    
    window.lineboxes = [];        //控件加入到一个全局数组里  
}    
lineboxes[lineboxes.length] = this

--状态改变代码

if(this.getValue()==false){  
    _g().setCellValue('A2',null,false);  
} else {  
var allChecked=true;  
//循环判断所有复选框都选中时，将全选复选框选中  
for(var i=0;i<lineboxes.length;i++){  
    if(lineboxes[i].getValue()==false){  
        allChecked=false;  
    }
}
//如果全选中时，自动让A2全选复选框选中  
_g().setCellValue('A2',null,allChecked);  
}

11、最后完成，可以调整格式后预览如下：（根据个人调整格式）