DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> EasyUI中實現form表單提交的示例分享
EasyUI中實現form表單提交的示例分享
編輯:JavaScript綜合知識     

  這裡給大家分享的是一段使用EasyUI中實現form表單提交的方法的核心代碼,小伙伴們根據自己的需求補全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);// 提示服務器異常

  }

  }

  });

 

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

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