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

来源:互联网 发布:中国可备案的域名后缀 编辑:程序博客网 时间:2024/05/17 02:30
实现行编辑时;离开焦点自动保存输入数据

onfocus 事件 

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

语法 onfocus="SomeJavaScriptCode"

onblur 事件

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

语法  onblur="SomeJavaScriptCode"

  1. <div field="score" headerAlign="center" align="center" allowSort="true" >
  2. 成绩
  3. <input id="scoreText" property="editor" class="nui-textbox" style="width:220px;" onblur="autoSave"/>
  4. </div>
javaScript函数:
  1. //失去焦点时执行函数
  2. function autoSave(e){
  3. saveCurrentRow(e.sender.value);
  4. }
  5. //保存当前行的打分数据
  6. function saveCurrentRow(inputData){
  7. var data = grid.getSelected();//获取当前行
  8. data.inputData= inputData;//将输入数据传递给获取行
  9. var json = nui.encode({applyinfo:data});//将获取的数据转换为json格式
  10. grid.loading("保存中,请稍后......");
  11. nui.ajax({
  12. url: "cn.updateApplyInfos.biz.ext",//后台逻辑
  13. data: json,
  14. type: "post",
  15. contentType:'text/json',
  16. success: function (text) {
  17. var returnJson = nui.decode(text);
  18. if(returnJson.exception==null){
  19. grid.reload();//重新载入页面
  20. }else{
  21. nui.alert("保存失败","系统提示");
  22. }
  23. grid.reload();
  24. }
  25. });
  26. }


0 1
原创粉丝点击