首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ExtJS 4:向form.dom.submit()操作添加成功/失败回调

ExtJS 4是一种基于JavaScript的前端开发框架,它提供了丰富的UI组件和工具,用于构建交互式的Web应用程序。在ExtJS 4中,form.dom.submit()是一个用于提交表单数据的方法。当调用form.dom.submit()方法时,可以通过添加成功和失败回调函数来处理提交操作的结果。

成功回调函数通常用于处理提交操作成功后的逻辑,例如显示成功消息、刷新页面或跳转到其他页面等。失败回调函数则用于处理提交操作失败后的逻辑,例如显示错误消息、重试提交或执行其他错误处理操作。

以下是一个示例代码,展示如何向form.dom.submit()操作添加成功/失败回调:

代码语言:javascript
复制
// 获取表单组件
var form = Ext.getCmp('myForm');

// 添加成功回调函数
form.getForm().submit({
    success: function(form, action) {
        Ext.Msg.alert('Success', action.result.message);
        // 成功后的逻辑处理
    },
    failure: function(form, action) {
        Ext.Msg.alert('Failed', action.result.message);
        // 失败后的逻辑处理
    }
});

在上述示例中,form.getForm().submit()方法用于提交表单数据,并通过对象参数传递成功和失败回调函数。成功回调函数中的action.result.message可以获取到服务器返回的成功消息,同样地,失败回调函数中的action.result.message可以获取到服务器返回的错误消息。

ExtJS 4提供了丰富的UI组件和工具,可以用于构建各种类型的Web应用程序。对于表单提交操作,除了使用form.dom.submit()方法外,还可以使用Ext.form.Panel组件的submit()方法来实现。腾讯云提供了云计算相关的产品和服务,例如云服务器、云数据库、云存储等,可以根据具体需求选择适合的产品进行开发和部署。

更多关于ExtJS 4的信息和文档可以参考腾讯云的官方文档:ExtJS 4官方文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

EXT表单

获取文本框内容 Ext.Msg.alert('提示','操作已经成功'+Ext.getDom("title").value); 或者 Ext.get('title').getValue() ?...'提示','操作已经成功'+Ext.get('title').getValue()); Ext.Msg.alert('提示','操作已经成功'+comboDepts.getValue()); } }...;                   // 登录失败,将提交按钮重新设为可操作                   this.disabled = false;             }          ...     params: {                    form.getForm().getValues()   //取出表单所有值            },                //成功...;                       } else{                       Ext.Msg.alert('失败','登录失败,请重新登录');

6K30

Ext JS 教程-ExtJS 4中的数据包(Package)

调用sync()通过它配置的代理保存了这个新的Post —— 这里再次是一个传入一个你想在操作完成时通知到的的同步操作。 belongsTo关联也会在模型中生成新的方法。...setUser方法简单的更新并保存了Post模型的外键(这里是user_id)为100.一般的,能够被传入会在操作完成时被触发的东西里面——不管是成功与否。...然后我们向我们的添加一个user.Post().load()的调用以获取关联的Post数据。...验证(Validations) 随着对数据的验证支持,ExtJS 4模型功能变得更加丰富。为了展示这个功能,我们将构建一个我们在上面为了关联使用过的例子。首先,让我们User模型添加一些验证。...ExtJS中有五种验证,并且添加定制的规则也是容易的。首先,让我恩看看内置的这些: presence:简单的确保值域有一个值。零算做事一个值,但是字符串不算。

1.2K20

ExtJs学习笔记(22)-XTemplate + WCF 打造无刷新数据分页

(改编自老张的PageData),用于WCFExtJs返回分页数据 Code using System; using System.Collections.Generic; using System.Runtime.Serialization...重要的是,用这个序列化后的DateTime字符串,ExtJs能够识别(注:百度搜索一下"Newtonsoft.Json"很容易就能找到N多下载的,下载后直接添加到项目引用里即可) 3.编写具体的实体类...}, failure: function() { BBS.dom.innerHTML = "数据加载失败...相信也有不少人跟我有一样的疑问,后来我想了想,至少有二个好处:    a.updatepannel默认会引起大量的数据发,虽然页面没刷新,但是客户端跟服务端之间的传输数据量很大,而用ExtJs+Wcf...,除了wcf返回的字符串,就没其它东西了,性能上会提高    b.相对而言,ExtJs的Ajax请求方式,我觉得比aspx.net ajax的更容易操作.

1.4K50

Android 史上最优雅的实现文件上传、下载及进度的监听

(this)) //感知生命周期,并在主线程 .subscribe(s -> { //上传成功,拿到Http返回值,这里返回值为String类型...)) //主线程 .doOnNext(progress -> { //上传进度,0-100,仅在进度有更新时才会,最多回101次,最后一次Http.../下载成功,文件下载路径 }, throwable -> { //下载失败 }); 带进度下载 带进度下载使用downloadProgress...,0-100,仅在进度有更新时才会,最多回101次,最后一次文件存储路径 int currentProgress = progress.getProgress(); /...最后,很大一部分功劳都要归功于RxJava的强大,感谢RxJava,它致敬!!!! 下一文将继续使用RxJava强大的操作符,看看它与RxHttp又能擦出怎样的火花。

2.7K30

进阶 | 一篇让你彻底明白Promise原理的珍藏

极简promise雏形 上述代码很简单,大致的逻辑是这样的: 1.调用then方法,将想要在Promise异步操作成功时执行的放入callbacks队列,其实也就是注册函数,可以观察者模式方向思考...但是,这样好像还存在一个问题,可以细想一下:如果Promise异步操作已经成功,这时,在异步操作成功之前注册的都会执行,但是在Promise异步操作成功这之后调用的then注册的就再也不会执行了...3. getUserId生成的promise(简称getUserId promise)异步操作成功,执行其内部方法resolve,传入的参数正是异步操作的结果id 4....在handle中发现没有指定异步操作失败时,会直接将bridge promise(then函数返回的promise,后同)设为rejected状态,如此达成执行后续失败的效果。...这有利于简化串行Promise的失败处理成本,因为一组异步操作往往会对应一个实际功能,失败处理方法通常是一致的: 异常处理 细心的同学会想到:如果在执行成功失败时代码出错怎么办?

26720

Android中 使用 WebSocket 实现消息通信

:" + text); } } 下面我们调用连接方法 WsManager.getWsManger().connect(); 运行项目我们可以看到如下打印: 此处我们要做的处理是,如果收到连接失败或者断开连接的...超时任务队列中成功失败、超时。...,只是比请求多了个超时,因为超时的处理机制是一样的,所以这里我们没必要将超时调到请求中 public interface RequestCallBack { /** * 请求成功...心跳 首先我们要了解下心跳的作用是什么,心跳是在连接成功后,通过固定的间隔时间服务器发送询问,当前是否还在线,有很多人说心跳失败我们就重连,成功就继续心跳,但是这里要注意的是,我们一般是收不到心跳失败的...,心跳也是服务器发送数据,所以我们要将所有的主动请求都放在超时任务队列中, 所以对websocket来说 请求结果有三种:成功失败、超时,对于用户 只有成功失败即可。

2.2K21

Android 使用WebSocket 长连接实现消息推送

此处我们要做的处理是,如果收到连接失败或者断开连接的 需要重新连接,我们重新调用一次连接方法即可,并且如果超过三次重连失败,我们在业务中可以通过调用接口来获取数据,避免数据丢失,此处细节省略。...超时任务队列中成功失败、超时。...,只是比请求多了个超时,因为超时的处理机制是一样的,所以这里我们没必要将超时调到请求中 public interface RequestCallBack { /** * 请求成功...心跳 首先我们要了解下心跳的作用是什么,心跳是在连接成功后,通过固定的间隔时间服务器发送询问,当前是否还在线,有很多人说心跳失败我们就重连,成功就继续心跳,但是这里要注意的是,我们一般是收不到心跳失败的...,心跳也是服务器发送数据,所以我们要将所有的主动请求都放在超时任务队列中, 所以对websocket来说 请求结果有三种:成功失败、超时,对于用户 只有成功失败即可。

4.2K30

Android使用WebSocket长连接实现消息推送

此处我们要做的处理是,如果收到连接失败或者断开连接的 需要重新连接,我们重新调用一次连接方法即可,并且如果超过三次重连失败,我们在业务中可以通过调用接口来获取数据,避免数据丢失,此处细节省略。...超时任务队列中成功失败、超时。...,只是比请求多了个超时,因为超时的处理机制是一样的,所以这里我们没必要将超时调到请求中 public interface RequestCallBack { /** * 请求成功...心跳 首先我们要了解下心跳的作用是什么,心跳是在连接成功后,通过固定的间隔时间服务器发送询问,当前是否还在线,有很多人说心跳失败我们就重连,成功就继续心跳,但是这里要注意的是,我们一般是收不到心跳失败的...,心跳也是服务器发送数据,所以我们要将所有的主动请求都放在超时任务队列中, 所以对websocket来说 请求结果有三种:成功失败、超时,对于用户 只有成功失败即可。

4.3K63

ExtJS关于组件Component生命周期

extjs组件生命周期大体分为3个阶段:初始化、渲染、销毁。 第一阶段:初始化   初始化工作开始于组件的诞生,所有必须的配置设定、事件注册、预渲染处理等都在此时进行。...这里来看看其顺序:     Ext.Window ==> Ext.Panel ==> Ext.Container ==> Ext.BoxComponent ==> Ext.Component     ...配置内的items的内容将残留在new的对象上,从而导致在连续实例化同一个自定义组件时,除了第一个实例,后面的实例都将失败的结果。     ...通过添加组件的 cls 属性,使用标准的样式规则,是一个自定义可视组件显示效果的非常完美的方法。 6、render 方法被触发     简单的通知组件已经被成功的呈现了。...如果提供,这些事件会被添加。 ---- 第三阶段:销毁 1、触发 beforedestroy     这是一个可取消的事件,如果需要,可能通过提供事件代理来阻止组件被销毁。

1.2K10

jquery的form表单提交

submit事件,当表单被提交时执行函数。...在函数中,我们阻止了表单的默认提交行为,通过serialize()方法获取表单数据,并使用$.ajax()方法服务器发送POST请求提交表单数据。...在success函数中处理提交成功的情况,而在error函数中处理提交失败的情况。 通过以上示例,我们使用jQuery实现了一个简单的表单提交操作。...通过serialize()方法获取表单数据,并使用$.ajax()方法服务器发送POST请求。当提交成功时,通过success函数来显示“注册成功”信息,并重置表单。...当提交失败时,通过error函数来显示“注册失败”提示信息。Form表单是HTML中用于收集用户输入信息并将其提交给服务器处理的重要元素。

8610

js异步处理方案

缺点是多个互相依赖,会出现地狱,可读性、维护性差 事件监听 事件监听是事件驱动的模式,事件的执行不取决代码的顺序,而是某个事件的发生,假设有俩个函数,为f1绑定一个事件(JQuery写法),当f1...Promise有三种状态:等待pending、成功fulfied、失败rejected;状态一旦改变,就不会再变化,在Promise对象创建后,会马上执行。...优缺点:promise完美的解决了地狱,但是大量的.then同样失去了可读性和可维护性。...缺点是多个互相依赖,会出现地狱,可读性、维护性差 事件监听 事件监听是事件驱动的模式,事件的执行不取决代码的顺序,而是某个事件的发生,假设有俩个函数,为f1绑定一个事件(JQuery写法),当f1...Promise有三种状态:等待pending、成功fulfied、失败rejected;状态一旦改变,就不会再变化,在Promise对象创建后,会马上执行。

2.8K20

【Android】Mob短信验证

添加应用 添加成功后,就会进入以下界面,在这里就可以看到刚刚申请成功的App Key和App Secret ?...请求getVerificationCode的时间间隔不应该小于60秒,否则服务端会返回“操作过 于频繁”的错误 submitVerificationCode用于服务器提交接收到的短信验证码,验证成功后会通过...(获取验证码成功、提交验证码成功都在EventHandler中实现) EventHandler eh=new EventHandler() { @Override...((Throwable)data).printStackTrace(); Log.i("EventHandler", "失败...注册短信 SMSSDK.registerEventHandler(eh); //注册短信 这样就完成SDK的初始化和短信的注册了,接下来只要调用发送短信和验证验证码的接口就行了 调用发送短信的接口

4.4K50

js有哪些异步操作_js单线程怎么实现异步

事件模型 JavaScript最基础的异步编程形式(比如点击事件、键盘事件) 直到事件触发时才执行处理程序 模式 模式与事件模型类似,异步代码都会在未来的某个时间点执行,而这的区别是模式中被调用的函数是作为参数传入的...语句会立即执行,当readFile结束执行的时候,会任务队列的末尾添加一个新任务,该任务包含函数及相应的参数。 虽然这个模式运行效果很不错,但是如果嵌套了太多的函数,就会陷入地狱。...当需要跟踪多个函数的时候,函数的局限性就体现出来了,Promise非常好的改进了这些情况。...它允许你为异步操作成功失败分别绑定相应的处理方法(handlers)。...fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败

3.1K20

【网安学术】基于ExtJS的V**管理系统的设计与实现

该模块中,用户须先导出证书请求,完成主站证书上传,并成功添加终端装置后才可顺利建立隧道和规则。整个V**管理模块的重点在于策略管理。...通信日志记录IPSEC隧道通信内容;操作日志记录用户对系统的一系列操作结果,分为错误日志和成功日志两类。 2.2 系统的详细设计 完成管理系统的整体设计后,要细化系统各个功能模块。...用户在进行隧道添加操作前,需先对主站加密装置进行证书初始化。成功导入证书后,再进行装置添加。切换到节点管理界面,此时呈现给用户的即表示层。...执行添加终端装置操作时,业务逻辑层验证处理用户传来的数据后,交由底层的数据访问层进行数据存储。完成装置添加后,切换到策略管理界面执行新建隧道操作。...由于IE浏览器自身对JS脚本解析慢,支持性较差,在此对官方发布的ExtJS代码进行了裁剪瘦身,并在代码中采用ExtJS4新增的按需加载机制加载JS文件,同时开启了Apache服务器的gzip压缩功能,以提高网页传输速率

1K10

Promise解决嵌套问题及终极解决方案async 和 await

一、Promise 1.异步函数 与 函数的说明 函数: 把一个函数当成参数传递, 将来特定的时机调用, 这个函数就叫回函数 什么时候会用到函数, 异步的时候 延时器 setTimeout...2 5 4 函数的问题: 函数的阅读性不好, 不会立马执行 函数如果大量的嵌套, 可维护性差 (地狱) promise 就是为了解决函数嵌套的问题而存在的 2.promise...) => { //两个参数 promise内部会封装一个异步操作 成功调用 resolve 失败调用 reject }) 2.如何使用一个promise 对象 .then(res...if (res.data.code == 0) { //添加成功后,重新渲染最后一页 //若一共15条数据,每页5条,共3页。...若再增加一条数据,此时应当渲染第4页了 //注意点:this.total是添加前的,total需要 +1 this.total++ this.pageNum=Math.ceil(

1.9K20
领券