jQuery教程

EasyUI中实现form表单提交的示例分享

本文主要是介绍EasyUI中实现form表单提交的示例分享,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

复制代码 代码如下:

 $('#form').form({
  url : 'test/add.do',
  onSubmit : function() {
   parent.$.messager.progress({
    title : '提示',
    text : '数据处理中,请稍后....'
   });
   var gridValid = endEdit();// 子表退出编辑验证
   if (!gridValid) {
    parent.$.messager.progress('close');
    return false;
   }
   var isValid = $('#form').form('validate');
   if (!isValid) {
    parent.$.messager.progress('close');
    return false;
   }
   // 将子表中添加修改删除的数据写入隐藏input
   accept();
   return true;
  },
  success : function(result) {
   parent.$.messager.progress('close');
   try {
    data = eval("(" + result + ")");// 将JSON字符串转换成对象
    if (data && data.success) {
     if (data.msg && data.msg != "")
      parent.$.messager.alert('提示', data.msg);
     else
      parent.$.messager.alert('提示', "添加成功");
     parent.$.modalDialog.openner_grid.datagrid('reload');// 刷新Gird数据
     parent.$.modalDialog.handler.dialog('close');// 关闭当前模式窗口
    } else
     parent.$.messager.alert('错误', data.msg);// 操作失败
   } catch (e) {
    parent.$.errorDialog(result);// 提示服务器异常
   }
  }
 });

以上就是本文的全部内容了,希望对大家能够有所帮助。

这篇关于EasyUI中实现form表单提交的示例分享的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!