Extjs弹出框的异步执行

最新推荐文章于 2021-08-07 04:12:58 发布

oscar999

最新推荐文章于 2021-08-07 04:12:58 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： 130-Web语言 Ext JS开发大全

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/78017970

130-Web语言同时被 2 个专栏收录

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

190 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了Extjs弹出框的异步执行特性，对比了它与window弹出框同步阻塞的区别。通过实例展示了如何调整代码，使Extjs弹出框实现类似alert的同步效果。

问题提出

Extjs 的弹出框是异步执行的，也就是说，弹出对话框之后，立即执行后面的代码了。
而对于window的弹出框来说，不管是alert或是confirm 都是同步阻塞执行，需要等待对弹出框进行点击操作之后再执行接下来的代码。

实例说明

以下面的代码为例，比对一下window和Extjs的弹出框执行差别。
两条alert语句，一条显示 “Alert Message”, 接下来一条显示 "after Alert".

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
&

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

oscar999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

ExtJS4 ajax请求同步异步问题

hu8471479的专栏

04-21

4236

今天在写代码过程中遇到一个奇怪的问题，事情是这样的，我写了一个简单的页面用来删除选中的用户，请看下面：因为后台的servlet的代码实现了根据用户名来删除一条记录，所以我在前台的ExtJS代码里面用了循环： function deleteUsers(userList) {//删除用户 var msgTip = Ext.MessageBox.show({//显示正常删除的信息提示框

JavaScript中的异步编程

tyxjolin的专栏

04-28

2900

然后，我们使用.then()方法指定一个函数，该函数将结果数组作为参数，并使用Promise.all()方法将结果数组中的所有响应对象转换为文本。在该函数中，我们可以访问响应文本并在控制台中打印它。在上面的例子中，我们定义了一个async函数getData()，并在其中使用Promise.all()方法同时发起两个HTTP请求并等待它们完成。在上面的例子中，我们使用Promise.race()方法处理两个Promise对象，其中一个会在2秒后返回字符串'foo'，另一个会在1秒后返回一个错误对象。

参与评论您还未登录，请先登录后发表或查看评论

ExtJS4的Ext.MessageBox.confirm弹出框是异步的

czy的博客

07-29

1847

ExtJS4的Ext.MessageBox.confirm()弹出框是异步的，所以：情况一 Ext.MessageBox.confirm.(title,msg,function(btn){ if("yes" == btn){ this.aFun(); } } aFun : function(){ // do something } 这样调用没有什么问题...

ext Ajax Java_extJS中常用的4种Ajax异步提交方式

weixin_32039589的博客

02-23

196

/*** 第一种Ajax提交方式* 这种方式需要直接使用ext Ajax方法进行提交* 使用这种方式，需要将待传递的参数进行封装* @return*/function saveUser_ajaxSubmit1() {Ext.Ajax.request( {url : 'user_save.action',method : 'post',params : {userName : document.ge...

ExtJs 同步与异步请求

夜小楼

11-07

3237

同步方式请求： var conn = Ext.lib.Ajax.getConnectionObject().conn; conn.open("GET", 'your url',false); conn.send(null); alert(conn.responseText); 或者 var conn = Ext.lib.Ajax.getConnecti

Ext js Ext.Ajax.request同步和异步问题

mengzhengjie的专栏

05-11

1469

Ext.Ajax.request 默认是异步的,所以在下载的开发包中,无论怎么增加参数,async,sync都是无效的.目前需要用到同步调用.后台获取数据,填充grid.同时最上面的按钮也要后台获取后动态生成。这就要求按钮生成时,请求不能返回. 参考了很多网上总结的,有些是要更改底层代码的,最怕改来改去,有时候一个不同版本都会折腾死人,最后参考了只要引入一个 js.然后就能在Ext.Ajax

extJs常用的四种Ajax异步提交

热门推荐

06-01

1万+

/** * * 第一种Ajax提交方式 * * * 这种方式需要直接使用ext Ajax方法进行提交 * * * 使用这种方式，需要将待传递的参数进行封装 * * * @return */ function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : 'user_save.action', method : 'post

Extjs关于alert显示不出—异步问题

行者无痕博客

11-01

335

[b][size=medium][align=left] [color=red] 对应extjs提示框不能正常显示，而使用js的本身提示框可以正常，但由于样式不统一，不是好的解决方法。解决该问题，要了解extjs异步原理。 ext的提示框都是异步的，非阻塞模式的，浏览器js的提示框是同步的，即是阻塞模式的。也就是说： Ext版的alert是异步执行，Ext.Me...

extjs ajax不传参写法,ExtJs异步无法向外传值和赋值的完美解决办法

weixin_30305727的博客

08-07

425

1、Ext.data.Store.load();方法是异步的，下面的方式获得的reCount始终是0，因为还没等后台的方法执行完就赋值了，此时store的record还没获得值。var testStore = new Ext.data.GroupingStore({proxy : new Ext.data.HttpProxy({url : ''}),reader : new Ext.data.Js...

Ext.MessageBox.hide与alert会阻塞程序的执行，而Ext版的alert是异步执行

anderberte

07-12

1869

.() 把显示着的当前message box隐藏起来。.Ext.MessageBox.alert()方法有四个参数：alert( title , msg , function(){} ，this)其中title，msg为必选参数，function为可选参数，在关闭弹出窗口后触发,可以传入点击的按钮的id，第四个参数scope:指回调函数作用域。 Ext.Msg.alert(”Notice”,”

Ext Js简单Tree创建及其异步加载

xiaofeiazi的专栏

03-27

872

1.简单TreePanel的创建 function creatTree() {//创建简单的树 //节点集合创建 var rootNode = new Ext.tree.TreeNode({ id: 'root', text: '根节点', expanded: true }); //只展开根节点(只展开某节点) var node1 = new Ext.tree.Tr

extjs ajax 同步及 confirm 确认提示框问题

weixin_30876945的博客

04-16

595

1 //上传文件 2 uploadModel: function() { 3 4 if(Ext.getCmp('exup').getForm().isValid()) { 5 6 var ssn = this.upPanel.getCmpByName('ssn').getValue...

关于Ext.MessageBox属性

LightSun----让成功成为可能!

12-19

2412

对于Ext.MessageBox这个功能，我们在程序中是经常用到的，我们经常用它来做一些提示，就像我们以前用alert一样，但是传统的alert的功能太单一了，而且它是中断页面操作的，在Ext里面对于这个功能做了一些比较好的扩展，1.1版本的和2.0版本的用法是一样的，只是弹出的样式有些变化，我个人更喜欢1.1版本那个弹出的样式很漂亮。2.0版本的对话框觉得太普通了，我现在还不能对样式进行修改，

extjs6 异步树

随记

06-11

1291

store定义： Ext.define('permissionStore', { extend: 'Ext.data.TreeStore', defaultRootId: ' ', autoLoad:true, model: 'permissionModel', parentIdProperty: 'FartherId', nodeParam:...

extjs 循环执行多个异步请求时，参数和后台以及相关问题和衍生问题的处理

秋小鬼的博客

10-24

1860

extjs ajax 异步多次

Ext弹出窗口

Donny的专栏

12-26

616

Ext.MessageBox.alert() Ext.MessageBox.alert()提供一个OK按钮。对应JavaScript中的alert()。定义：alert(Stringtitle,Stringmsg,[Function fn], [Object scope]) :Ext.MessageBox 该函数有4个参数： Title:窗口标题 Msg:弹出窗口内容 Fn:回调函...

extjs 方法执行顺序_ExtJS 等待两个/多个store加载完再执行操作的方法

weixin_35812582的博客

02-06

746

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。Extjs加载Store是异步加载的，这有很多好处。但是当我们要在两个或多个不同的store加载完再执行一些操作时，异步加载就成了一个问题。在Stack Overflow 等网站搜集并试用了几个处理方法，总结如下。1、自己定义一个组件Ext.define(‘Ext.ux.StoreLoadCoordinator‘...

Extjs结合S2SH框架的个人理财管理系统开发

Extjs拥有大量的预制UI组件，比如表单、网格、图表、弹出窗口等，能够极大提升前端开发的效率。对于个人理财项目来说，Extjs提供的组件库可以帮助开发人员快速构建出直观、互动性强的界面，提升用户体验。通过Extjs...