萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> EasyUI中實現form表單提交的示例分享

EasyUI中實現form表單提交的示例分享

  這裡給大家分享的是一段使用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);// 提示服務器異常

  }

  }

  });

 

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

 
copyright © 萬盛學電腦網 all rights reserved