EXTJs前后台交互 常用哦3种方式
2024-08-24 21:08:56
- <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(a,b){
- Ext.ux.Toast.msg("操作信息", "提交成功!");
- },
- failure :function(a,b){
- 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();
最新文章
- 在AndroidStudio v1.2.0中导入或增加新项目或工程(导入第三方类库或工程)
- Python之路【第十八篇】Django小项目webQQ实现
- 【11-23】window常用知识
- Java for LeetCode 228 Summary Ranges
- C# 之 遍历本地文件夹下的所有文件
- 《javascript高级程序设计》对象图
- String 和 string 的区别
- Javascript进阶篇——(数组)笔记整理
- ExtJs--12--Ext定义类的requires uses singleton 三个配置项的使用
- CentOS7安装后配置MariaDB
- Java 集合框架之set用法
- SSM学习(三)--集成spring mvc
- vue 使用Jade模板写html,stylus写css
- 前端技术之_CSS详解第一天
- _ZNote_Qt_QDialog_修改button名称
- numpy、pandas
- [Oracle]GoldenGate官方文档
- 《基于Nginx的中间件架构》学习笔记---2.nginx的优点以及nginx的安装
- OCP-1Z0-051-题目解析-第22题
- 【转载并整理】mysql 创建用户,数据库