JS实现填报数据逻辑删除

1.1 版本

1.2 问题描述

用户有时需要实现数据备份留底且数据不能在业务界面展现的效果，该如何操作呢？

1.3 解决思路

• 使用逻辑删除来解决。即在数据库表中增加一列「状态」，通过更改这个状态列的值，控制数据的可见与不可见。

• 过滤展现数据。即使用「状态」字段的值约束数据是否显示，例如，原始查询语句为：select * from CUSTOMER ，状态约束后的查询语句为：select * from CUSTOMER  where 状态="1"。

以 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) {
		contentPane.setCellValue(col, row, "0");
		_g().verifyAndWriteReport();
	} else {
		contentPane.setCellValue(col, row, "1");
		_g().verifyAndWriteReport();
	}
})

步骤如下图所示：

2）选中 H2 单元格，点击右侧「控件设置>事件」，添加点击事件。点击事件中增加参数 row 和参数 col ，值用公式表示分别为：row() - 1 和col() - 3。输入 JavaScript 代码如下：

var v1 = contentPane.getCellValue(0, col, row);
FR.Msg.confirm("提示", "确定要取消删除数据吗？", function(value) {
	if (value) {
		contentPane.setCellValue(col, row, "1");
		_g().verifyAndWriteReport();
	} else {
		contentPane.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 端均支持，效果如下图所示：

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\JS实现数据逻辑删除.cpt

点击下载模板：JS实现数据逻辑删除.cpt