EasyUI實現的form表單提交簡單程式碼例項

admin發表於2017-04-01

本章節分享一段程式碼例項,它是由EasyUI實現的form表單提交功能。

程式碼非常的簡單,這裡不多做分析了,需要的朋友可以做一下參考,程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
$('#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);// 提示伺服器異常
    }
  }
});

相關文章