文档章节

ExtJS中Ext.Ajax.request与form1.getForm().submit的基本区别

Element0506
 Element0506
发布于 2015/04/08 22:55
字数 478
阅读 1082
收藏 5

相同点:都属于Ajax提交方式!

不同点:Ext.Ajax.request是Ext.data.connection的一个实例

              form1.getForm().submit是BasicForm的一个实现方式

使用上的区别:

1.form1.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面

2.Ext.Ajax.request常用在根据参数提交的时候,比如删除,我们把页面选中的ID进行遍历,封装在一个Array中,作为一个参数做Ajax的提交

例子:

首先是form1.getForm().submit的例子:

function formSubmit(){
   if (form1.getForm().isValid()) {
    form1.getForm().submit({
     waitTitle : '提示',//标题
     waitMsg : '正在提交数据请稍后...',//提示信息
     url : 'eidtBooktype.action',
     method : 'post',
     params : 'booktype',
     success : function(form, action) {
      var flag=action.result.msg;
      window.returnValue='SUCC'; 
      Ext.Msg.alert('提示',flag,function(){
       window.close();
      });
     },
     failure : function(form,action) {
      var flag=action.result.msg;
      Ext.Msg.alert('操作', flag);
     }
    });
   }
}

其次是一个Ext.Ajax.request的例子:

Ext.Ajax.request({
         url : 'deleteBooktypes.action',
        method : 'post',
        params : {delids:deleteids.toString()},
        success : function(form,action) {
         //alert(response.responseText); //返回的json值的字符串
         var respText = Ext.util.JSON.decode(form.responseText); //吧字符串变为json格式
         var msg=respText.msg;
         Ext.MessageBox.alert('提示',msg,function(){
          bookTypeStore.reload();
         });
        },
        failure : function(response,options) {
         var respText = Ext.util.JSON.decode(response.responseText); //吧字符串变为json格式
         var msg=respText.msg;
         Ext.MessageBox.alert('提示',msg,function(){
          bookTypeStore.reload();
         });
        }
       });

使用是的区别:

最明显就是success和failure时候function的参数啦!

Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action

form1.getForm().submit的function(form, action),action很有用,用action.result.msg获得返回值

还有个最明显区别是Ext.Ajax.request不可以用waitMsg,真是Ext的一个败笔呀!!!

 

还有一个最值得注意的地方:

form1.getForm().submit 返回的值中必须包含success:true或者是failue:true

这个是最终判断执行是否成功的关键!!!

而Ext.Ajax.request则不需要该参数,只要是不抛出异常,肯定是success成功的!!!


本文转载自:http://hi.baidu.com/huahua035/item/7957dc8bbe7bf558840faba0

共有 人打赏支持
上一篇: 工作总结(一)
下一篇: UDP 协议简单编程
Element0506
粉丝 12
博文 67
码字总数 18449
作品 0
南京
高级程序员
私信 提问
Form表单(四) [ 数据提交 ]

系列 1.ExtJs 备忘录(1)—— Form表单(一) [ 控件使用 ] 2.ExtJs 备忘录(2)—— Form表单(二) [ 控件封装 ] 3.ExtJs 备忘录(3)—— Form表单(三) [ 数据验证 ] 4.ExtJs 备忘录(...

凡平
2011/10/13
0
0
ExtJS的submit表单提交问题求解答?

利用ExtJS的submit提交表单和普通HTML下submit形式提交表单有什么区别?利用Tomcat和OpenDJ认证,login按钮的代码,第二种方式可以,ExtJS的火狐会报错下面是我写的ExtJS的代码,哪里错了?...

LaughingSir
2013/04/28
831
1
ExtJS 开发总结

不知不觉2008已经走到了尽头,在这近一年中,一直不断的尝试用ExtJS做项目,从1.1到现在的2.2,吃了不少苦头,也有不少收获,总结一下,一起分享! 1. ExtJS的定位是RIA,和Prototype、jQuer...

晨曦之光
2012/04/26
885
1
ExtJS实现Excel导出

1. 使用POI组件实现excel导出功能 //获取问题列表 List<Suggestion> targetStockList = suggestionService.getSuggestionList(map); //创建一个新的Excel HSSFWorkbook workBook = new HSS......

jxlgzwh
2014/08/15
0
2
ExtJS Form无刷新文件上传

文件上传在Web程序开发中必不可少,ExtJS Form中有一个filefield字段,用来选择文件并上传。今天我们来演示一下如何通过filefield实现ExtJS Form无刷新的文件上传。 首先,我们创建一个Form,...

鱼煎
2017/11/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

springboot jpa 访问数据库

spring boot(五):spring data jpa的使用 SpringBoot非官方教程 | 第三篇:SpringBoot用JdbcTemplates访问Mysql

颖辉小居
25分钟前
4
0
Quartz + Oracle 分布式Job实现

简述 实现 依赖包 <dependency><groupId>org.quartz-scheduler</groupId><artifactId>quartz</artifactId><version>2.2.3</version><exclusions><exclusion><groupId>com.zax......

呼呼南风
30分钟前
5
0
崛起于Springboot2.X之集成规则引擎Drools(41)

1、创建Springboot项目,勾选Web模块和lombok插件 2、添加pom其他依赖 <dependency> <groupId>org.kie</groupId> <artifactId>kie-spring</artifactId> <version>7.11.0.Fin......

木九天
38分钟前
5
0
Kylin修改context-path方法

Kylin修改context-path比较麻烦,本身kylin是前后端分离的工程,修改不是只改war,还得改前端路径 步骤如下: 1、tomcat webapps 修改 kylin.war 修改成test.war 2、vi test.war 从index.htm...

litterMo
39分钟前
2
0
怎样使用Chrome浏览器截取整个网页?

1、打开控制台:Ctrl + Shift + I 2、命令执行:Ctrl + Shift + P 3、Capture full size screenshot 浏览器会自动下载截图图片,推荐过几个扩展功能: 1.全屏幕截取网页编辑共享神器-Awesom...

近在咫尺远在天涯
42分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部