ExtJs from和Ajax提交

标签：

// 方式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
			}
		});
	},

1. params:  传递参数到后台服务器

2. success: 成功后调用的方法，这里可以使用action.result.name，快速获取内容，而不用去解析json。

3. 此方法对于查询详细信息的时候，非常简单。

// 方式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("错误", "查询失败!");
			}
		});
	},

1. Ext.Ajax.request() 这里使用的是ajax提交方式，

2. params：封装的参数和form.load()方法一样。

3. success: 需要通过
   

4. var jsonObj = Ext.util.JSON.decode(response.responseText);

   方式解析服务器返回的json数据。

5. failure：查询失败的方法。
   

ExtJs from和Ajax提交

标签：

原文地址：http://my.oschina.net/u/263874/blog/375096