DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> EasyUI中實現form表單提交的示例分享
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);// 提示服務器異常
   }
  }
 });

以上就是本文的全部內容了,希望對大家能夠有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved