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

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

高洛峰
高洛峰原創
2017-02-04 13:21:031427瀏覽

/** 
* 提交表单 
*/ 
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/saveStudentDepartment.action", 
params:{}, 
callback: function(d, f) { 
var e = Ext.getCmp("StudentDepartmentGrid"); 
if (e != null) { 
e.getStore().reload(); 
} 
b.close(); 
} 
});

更多Extjs優化(二)Form表單提交通用實作相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn