EasyUI form表单提交

最新推荐文章于 2021-08-05 20:31:24 发布

weixin_30376323

最新推荐文章于 2021-08-05 20:31:24 发布

阅读量584

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/mengen/p/11151627.html

本文详细介绍了使用EasyUI框架进行表单提交的方法，包括表单验证、子表数据处理及与服务器交互的过程。文章展示了如何在提交前进行数据验证，确保数据正确性，并在提交后正确解析服务器返回的JSON数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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