1. 概述
1.1 问题描述
用户有时需要实现数据备份留底且数据不能在业务界面展现的效果,该如何操作呢?
1.2 解决思路
使用逻辑删除来解决。即在数据库表中增加一列「状态」,通过更改这个状态列的值,控制数据的可见与不可见。
过滤展现数据。即使用「状态」字段的值约束数据是否显示,例如,原始查询语句为:select * from CUSTOMER ,状态约束后的查询语句为:select * from CUSTOMER where 状态='1'。
2. 示例
以 FRDemo 中的 CUSTOMER 表为例,由于表中没有「状态」字段,使用district字段作为「标记」。
当 district 字段中的值为 1 时,为正常数据;当 district 字段中的值为 0 时,为删除的数据。
2.1 数据准备
新建普通报表,新建数据库查询 ds1,SQL 查询语句为:select * from CUSTOMER。
2.2 表样设计
将 ds1 中的数据列拖入到模板中,为表格设置边框、文本居中对齐、F 列文本设置颜色为红色,表格样式如下图所示:
2.3 添加按钮控件
为 G2、H2 单元格添加「按钮控件」,按钮名字分别为「删除」和「取消删除」。步骤如下图所示:
2.4 添加点击事件
1)选中 G2 单元格,点击右侧「控件设置>事件」,添加点击事件。点击事件中增加参数 row 和参数 col ,值用公式表示分别为:row() - 1 和col() - 2。输入 JavaScript 代码如下:
FR.Msg.confirm("提示","确定要删除数据吗?",function(value){if(value){
_g().setCellValue(col,row,"0");
_g('${sessionID}').writeReport(); }
else{_g().setCellValue(col,row,"1");
_g().parameterCommit(); } })
步骤如下图所示:
2)选中 H2 单元格,点击右侧「控件设置>事件」,添加点击事件。点击事件中增加参数 row 和参数 col ,值用公式表示分别为:row() - 1 和col() - 3。
JavaScript 代码如下:
var v1 = _g().getCellValue(0, col, row);
FR.Msg.confirm("提示", "确定要取消删除数据吗?", function(value) {
if (value) {
_g().setCellValue(col, row, "1");
_g().verifyAndWriteReport();
} else {
_g().setCellValue(col, row, "0");
_g().verifyAndWriteReport();
_g().parameterCommit();
}
});
如下图所示:
2.5 报表填报属性设置
点击菜单栏「模板>报表填报属性」,添加一个「内置 SQL 提交」,选择数据库 FRDemo 中的「CUSTOMER」表,添加「CUSTOMERID」和「DISTRICT」两个字段及对应的单元格。如下图所示:
注:报表填报属性设置步骤请参考报表填报属性。
2.6 形态设置
选中 F2 单元格,点击「单元格属性>形态」,选择「公式形态」,输入公式:if($$$="1","正常","已经删除"),表示如果当前单元格值为 1,显示为「正常」,否则显示为「已经删除」。
2.7 效果预览
2.7.1 PC 端
保存模板,点击「填报预览」,效果如下图所示:
2.7.2 移动端
App 端和 HTML5 端均支持,效果如下图所示:
3. 模板下载
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现数据逻辑删除.cpt
点击下载模板:JS实现数据逻辑删除.cpt