异步保存修改记录
页面数据修改记录保存入库
需求背景：
客户提出对报表填报值进行过的修改信息希望能保存到数据库中，形成记录以备查询操作记录。
原理分析：
填报值 进行 修改时 只需通过异步方式触发 将相关数据保存入库即可。
这里我们可以分别用_bindingEditor（），_cellValueChanged，以及ajax 实现上面的需求。
操作步骤：
第一、 利用光标定位事件 获取 单元格 旧值 赋值给公共变量最终传递给值修改事件（在_cellValueChanged中单元格的值已经发生了改变 无法获取到旧值）。
var tempValue=”";
function _bindingEditor( cell ){
var table = _lookupTable( cell );
if( ! _submitEditor( table ) ) return; //
var editor = _lookupEditor( table, cell );
table.currEditor = editor;
_setEditorStyle(editor,cell );
tempValue+=cell.value+’&’; //旧值通过 公共变量传递到 触发事件中
};
第二、 在 值修改事件中获取旧值 最终异步保存数据
function _cellValueChanged(cell){
var strs= new Array();
strs=tempValue.split(“&”);
var oldValue=strs[strs.length-2];
tempValue=strs[strs.length-1]+’&’;
var newValue=cell.value;
doSave(oldValue,newValue);
}
第三简单ajax 保存数据
function doSave(oldValue,newValue){
$.ajax({
type: “POST”,
url: “save.jsp”,
data: “oldValue=”+oldValue+”&newValue=”+newValue,
success: function(){
alert(“数据已保存！“);
}
});
}
后台业务逻辑由 save.jsp完成。
……
Statement stmt =conn.createStatement();
//要执行的sql语句
String sql = “INSERT INTO updatelog (id,username, oldvalue,newvalue,updatetime) VALUES (‘”+id+”‘,’”+name+”‘,’”+oldValue+”‘,’”+newValue+”‘,’”+date1+”‘) “;
System.out.println(“sql=”+sql);
int t = stmt.executeUpdate(sql);
……
效果截图如下:
改值后 光标移动另一单元格 触发异步保存到数据库
数据库表记录