- <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("操作信息", "载入失败");
- }
- }
- );
- <3> 数据源store
store通常是作为grid的数据源,以便来更新grid的数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据.
创建一个公共的store,不与任何表有联系,只需要下面简单的几句话
var publicstore = Ext.create('Ext.data.Store', {
proxy : {
type : 'ajax',
url : ''
}
});
如果只是想往后台传个数据的话
publicstore.proxy.url='a.action?id=1';
publicstore.load();
EXTJs前后台交互 常用哦3种方式
最新推荐文章于 2023-08-01 14:08:16 发布