当前位置:Gxlcms > JavaScript > EasyUI中实现form表单提交的示例分享

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

时间:2021-07-01 10:21:17 帮助过:8人阅读

代码如下:
 $('#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);// 提示服务器异常
   }
  }
 });

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

人气教程排行