现在的位置: 首页 > 综合 > 正文

EXTJs前后台交互

2012年04月09日 ⁄ 综合 ⁄ 共 836字 ⁄ 字号 评论关闭
<1>Ajax交互方式
Ext.Ajax.request( 
	{
		//被用来向服务器发起请求默认的url
		url : "",
		//请求时发送后台的参数,既可以是Json对象,也可以直接使用“name = value”形式的字符串
		params : {
			name:'value'
		},
		//请求时使用的默认的http方法
		method : "post",
		//请求成功时回调函数
		success : function() {
			Ext.ux.Toast.msg("信息提示", "成功删除所选记录!");
		},
		//请求失败时回调函数
		failure : function() {
			Ext.ux.Toast.msg("信息提示", "信息删除出错,请联系管理员!");
		}
	}
);
<2>Form交互方式
this.formPanel = new Ext.FormPanel(
	{
		url : ""
	}
);
//提交数据
formPanel.getForm().submit(
	{
		method : "post",
		params : {
			name:'value'
		},
		waitMsg : "正在提交数据",
		success : function(b, c) {
			Ext.ux.Toast.msg("操作信息", "提交成功!");
		},
		failure : function(b, c) {
			Ext.ux.Toast.msg("操作信息", "提交失败!");
		}
	}
);
//加载数据
formPanel.getForm().load(
	{
		deferreRender : false,
		url : "",
		method : "post",
		waitMsg : "正在载入数据",
		success : function(e, g) {
			var num = g.result.data.num;
			var numCmp = Ext.getCmp("num");
			numCmp.setValue(num);
			Ext.ux.Toast.msg("操作信息", "载入成功");
		},
		failure : function(a, b) {
			Ext.ux.Toast.msg("操作信息", "载入失败");
		}
	}
);

抱歉!评论已关闭.