首頁  >  文章  >  web前端  >  Extjs優化(二)Form表單提交通用實作_extjs

Extjs優化(二)Form表單提交通用實作_extjs

WBOY
WBOY原創
2016-05-16 17:37:031152瀏覽
複製程式碼 程式碼如下:

/**
* 提交表單
*/
function $postForm(function $postForm( a) {
if (a.formPanel.getForm().isValid()) {
var b = a.scope ? a.scope: this;
a.formPanel.getForm().submit( {
scope: b,
url: a.url,
method: "post",
params: a.params,
waitMsg: "正在提交資料...",
success: function(c, d) {
Ext.ux.Toast.msg("操作資訊", "成功訊息保存!");
if (a.callback) {
a. callback.call(b, c, d);
}
},
failure: function(c, d) {
Ext.MessageBox.show({
title: "操作資訊",
msg: "資訊儲存出錯,請聯絡管理員! ",
buttons: Ext.MessageBox.OK,
icon: "ext-mb-error"
});
if (a.callback) {
a.callback.call(b);
}
}
});
}
}

使用改程式碼只需要13行程式碼原始需要25-30行程式碼搞定,範例:
複製程式碼 程式碼如下:

saveRecord: function() {
$postForm({
formPanel:this.formPanel,
scope:this,
url: __ctxPath "/basedata/saveactiondentDepartment. ",
params:{},
callback: function(d, f) {
var e = Ext.getCmp("StudentDepartmentGrid");
if (e != null) {
e.getStore().reload();
}
b.close();
}
});
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn