ExtJs from和Ajax提交
浏览数：42 /
时间：2015年06月09日
// 方式1：加载编辑数据
loadData : function(id) {
var className = portal.menu.EditPanel;
// 清空原有的信息
className.fromPanel.getForm().reset();
// 查询加载数据
className.fromPanel.getForm().load({
url : ‘menu/findById‘,
method : ‘POST‘,
params : {
id : id // 提交的数据参数
},
waitTile : ‘提示‘,
waitMsg : ‘正在向服务器提交数据‘,
success : function(form, action) {
// action.result.msg
}
});
},
params: 传递参数到后台服务器
success: 成功后调用的方法，这里可以使用action.result.name，快速获取内容，而不用去解析json。
此方法对于查询详细信息的时候，非常简单。
// 方式2：创建Form手动回填数据，暂不使用，（个人感觉比较麻烦） Ajax方式
initFormData : function(id) {
var className = portal.menu.EditPanel;
Ext.Ajax.request({
url : ‘menu/findById‘,
params : {
id : id
},
success : function(response) {
// 解析服务器端返回的json字符串
var jsonObj = Ext.util.JSON.decode(response.responseText);
className.menuName.setValue(jsonObj.menu.menuName);
className.parentId.setValue(jsonObj.menu.parentId);
className.combo.setValue(jsonObj.menu.r_Type);
},
failure : function(options, response) {
Ext.Msg.alert("错误", "查询失败!");
}
});
},
Ext.Ajax.request() 这里使用的是ajax提交方式，
params：封装的参数和form.load()方法一样。
success: 需要通过
var jsonObj = Ext.util.JSON.decode(response.responseText);
方式解析服务器返回的json数据。
failure：查询失败的方法。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
