文档章节

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

Element0506
 Element0506
发布于 2015/04/08 22:55
字数 478
阅读 2.4K
收藏 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

Element0506

Element0506

粉丝 12
博文 71
码字总数 19528
作品 0
南京
高级程序员
私信 提问
加载中

评论(0)

Form表单(四) [ 数据提交 ]

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

凡平
2011/10/13
248
0
ExtJS 开发总结

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

晨曦之光
2012/04/26
983
1
ExtJS的submit表单提交问题求解答?

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

LaughingSir
2013/04/28
857
1
ExtJS实现Excel导出

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

jxlgzwh
2014/08/15
4.5K
2
采用EXTJS ajax 解析返回json

片段主题:采用EXTJS ajax 解析返回json 知识分类:EXTJS 记录时间: 20150708 功能描述:点击图标根据ID ,AJAX提交后返回json 得到结果,显示图片。 学习心得:初学特别注意, 再想返回JSO...

AnyLiem
2015/07/08
295
0

没有更多内容

加载失败,请刷新页面

加载更多

时间片轮询法

时间片轮询法 时间片轮询法是一种比较简单易用的系统架构之一,它对于系统中的任务调度算法是分时处理。核心思路是把 CPU 的时间分时给各个任务使用。我们常用的定时方法是定时器,把调度器放...

osc_j7rfhwi0
6分钟前
9
0
二项堆(三)之 Java的实现

概要 前面分别通过C和C++实现了二项堆,本章给出二项堆的Java版本。还是那句老话,三种实现的原理一样,择其一了解即可。 目录 1. 二项树的介绍 2. 二项堆的介绍 3. 二项堆的基本操作 4. 二项...

osc_ct8a6sdg
7分钟前
6
0
Windows 10 安装 Hadoop 2.10

  1. 配置JAVA_HOME环境和Hadoop环境:      2. 配置bin   3. 进入Hadoop中/etc/hadoop下     配置hdfs-site.xml增加:    <property> <!-- 单节点,所以配置成1 -->...

osc_jmtenr3d
7分钟前
10
0
如何让你在众多二手车中挑中满意的?python帮你实现(附源码)

前言 老司机带你去看车,网上的几千条的二手车数据,只需几十行代码,就可以统统获取,保存数据到我们本地电脑上 知识点: 1.python基础知识 2.函数 3.requests库 4.xpath适合零基础的同学 ...

osc_rmqoxylv
8分钟前
12
0
Selenium IDE使用指南三(控制流)

Selenium IDE附带的命令使您可以添加条件逻辑和循环到测试中。 这使您仅在满足应用程序中的某些条件时才执行命令(或一组命令),或根据预定义的标准重复执行命令。 JavaScript表达式 通过使...

分布式编程
9分钟前
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部