实现行编辑时;离开焦点自动保存输入数据
onfocus 事件定义和用法 onfocus 事件在对象获得焦点时发生。语法 οnfοcus="SomeJavaScriptCode" |
onblur 事件定义和用法 onblur 事件在对象失去焦点时发生。语法 οnblur="SomeJavaScriptCode" |
<div field="score" headerAlign="center" align="center" allowSort="true" >
成绩
<input id="scoreText" property="editor" class="nui-textbox" style="width:220px;" onblur="autoSave"/>
</div>
javaScript函数:
//失去焦点时执行函数
function autoSave(e){
saveCurrentRow(e.sender.value);
}
//保存当前行的打分数据
function saveCurrentRow(inputData){
var data = grid.getSelected();//获取当前行
data.inputData= inputData;//将输入数据传递给获取行
var json = nui.encode({applyinfo:data});//将获取的数据转换为json格式
grid.loading("保存中,请稍后......");
nui.ajax({
url: "cn.updateApplyInfos.biz.ext",//后台逻辑
data: json,
type: "post",
contentType:'text/json',
success: function (text) {
var returnJson = nui.decode(text);
if(returnJson.exception==null){
grid.reload();//重新载入页面
}else{
nui.alert("保存失败","系统提示");
}
grid.reload();
}
});
}