您的位置:首页 > Web前端 > JavaScript

javaScript input失去焦点自动保存事件

2016-07-08 11:33 841 查看
实现行编辑时;离开焦点自动保存输入数据


onfocus 事件 


定义和用法  onfocus 事件在对象获得焦点时发生。


语法 onfocus="SomeJavaScriptCode"


onblur 事件


定义和用法  onblur 事件在对象失去焦点时发生。


语法  onblur="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();

}

});

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: