javaScript input失去焦点自动保存事件
2016-07-08 11:33
841 查看
实现行编辑时;离开焦点自动保存输入数据
javaScript函数:
|
|
<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();
}
});
}
相关文章推荐
- JS的垃圾回收机制和内存分配
- JavaScript Location 对象
- 一步一步切入js插件开发
- 验证身份证号码的js
- gis api for js 框选区域取面积 以及 取重叠区域面积
- JS添加删除DIV的简单实例
- IDEA中通过Map返回JSON字符串
- js操作DOM--添加、删除节点的简单实例
- 【bzoj4327】【JSOI2012】【玄武密码】【AC自动机】
- js日期格式化
- js for循环高性能高逼格细节分析
- 直观理解js自执行函数
- 简单封装js的dom查询实例代码
- JSP+Servlet实现上传下载
- JS选取DOM元素的简单方法
- href="#" href="javascript:void(0);" href="###"
- js中替换字符串
- js常用正则表达式
- table根据表格内的元素改变行颜色的javascript实现
- md5.js 插件