`
mr.lili
  • 浏览: 154362 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类

关于Ext弹出多个Ext.MessageBox和她的结构1

阅读更多
关于Ext弹出多个Ext.MessageBox和她的结构

Ext.MessageBox是一个匿名函数,所以我们不能通过new的方式实现
Ext.MessageBox = function(){
  var varObj1,
      varObj1;
  var test1 = function(){}//匿名函数
 
return{
   show:function(){

   },
   alert : function(title, msg, fn, scope){
            this.show({
                title : title,
                msg : msg,
                buttons: this.OK,
                fn: fn,
                scope : scope,
                minWidth: this.minWidth
            });
            return this;//返回当前对象(个人认为)
        }
}
}()//匿名函数并在js一加载就初始化

以这样的方式,很好的控制了作用域的问题,让外部不能访问这个函数的相关方法,感觉这个函数,就像java里的静态类,js一加载就执行初始化涵数,同时里面的方法是私有的,只提供return{}json对象里提供的方法可以供外部访问
Ext.MessageBox.alert()/confirm()/prompt()等,实际就是接收一个json的参数,然后再调用Ext.MessageBox的show()函数,详细可以去看一下ext-all-debug.js里的Ext.MessageBox
我目前看的是Ext3.3.1的版本,我一般是有什么开源的项目这些,先写例子,然后熟习了就开始学习下源代码,同时经过这些年的开发学习,个人觉得不管你学得再,也不如学习能力和沟通能力,一般我们在项目开发中,不会拿多少时间让你专门来学习你所接触的新技术,一般都是现学现用,这时就是锻炼你学习能力和沟通能力的时候,应当ext3.3.1和别的版本里的Ext.MessageBox没多大变化,这个我没详细去研究,
而show()里面获得弹出的层是通过调用她的getDialog()获得一个window来实现的,里面判断了window的对象是否有,
没有就创建,有就直接返回,所以Ext.MessageBox操作的就是一个window对象,所以我们要实现多个像alert这样的
弹出,个人认为就只有new 一个window来实现

分享到:
评论

相关推荐

    Ext_MessageBox

    `Ext.MessageBox.prompt`函数用于弹出一个对话框,请求用户输入信息,并且可以指定回调函数来处理用户的输入结果。 **示例代码:** ```javascript Ext.MessageBox.prompt("prompt", "please input your name:", ...

    Ext--MessageBox教程

    在EXT JS框架中,`MessageBox`是一个非常实用的组件,用于弹出对话框与用户进行交互。本教程将深入探讨`MessageBox`的使用方法及其在实际开发中的应用。EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用...

    extjs弹出框 n秒后消失

    总的来说,EXTJS弹出框的自动消失功能可以通过结合`Ext.MessageBox.show`、`Ext.util.DelayedTask`和适当的事件监听来实现。这种机制允许开发者灵活地控制用户界面的交互,提供更友好的用户体验。

    Ext的弹出对话框1111

    在这个场景中,"Ext的弹出对话框1111"指的是如何在Ext环境中设置和使用对话框功能。 首先,环境搭建是使用Ext的第一步。你需要下载ExtJS库,这通常包含了一个压缩包,其中包含了必要的JavaScript文件和CSS样式表。...

    各种弹出窗口 ext窗口

    EXT 2.0 MessageBox 和 JavaScript 弹出窗口是两种在 Web 应用程序中常见的用户交互方式。它们允许开发者向用户展示信息、询问问题或获取输入。EXT 是一个流行的 JavaScript 框架,特别是它的 EXT JS 库,用于构建富...

    ext 教材 ext js 教程

    1. `Ext.MessageBox.alert()` `alert()` 方法用于显示一个简单的警告对话框,包含一个标题、消息和一个确定按钮。两个必选参数是 `title` 和 `msg`,分别表示对话框的标题和显示的消息。可选参数是一个回调函数,当...

    一个相当不错的extjs入门文档,整个ext的控件,上边很多实例。有助于新手学习。

    `EXT.MessageBox.alert()` 方法用于创建一个简单的警告对话框,包含一个标题、一条消息和一个可选的回调函数。标题和消息是必需的参数,回调函数会在用户点击对话框的确定按钮后执行。例如: ```javascript Ext....

    Ext.Array例子

    2. **添加元素**:`add()` 方法可以向数组末尾添加一个或多个元素,如 `Ext.Array.add(array, item1, item2, ...)` 3. **插入元素**:`insert()` 方法允许在指定位置插入元素,例如 `Ext.Array.insert(array, index...

    Ext.MessageBox工具类简介

    在ExtJS框架中,Ext.MessageBox是一个非常实用的工具类,它提供了弹出消息框的功能,可以用于向用户显示警告、确认、提示或请求输入等交互。这个工具类继承自`object`对象,它实际上是在当前页面上创建的一个浮动层...

    ext实例 ext操作步骤

    3. **启动EXT**:使用`Ext.onReady`函数在DOM加载完成后执行EXT的初始化代码,例如弹出一个消息框。 ```javascript Ext.onReady(function() { Ext.MessageBox.alert("你好", "wayfoon"); }); ``` 4. **创建布局...

    Ext教程ext2-Ext简易教程

    Ext.MessageBox.alert("你好", "wayfoon"); }); ``` Ext的布局系统是其强大功能的关键之一,提供了多种布局方式以适应不同的设计需求。常见的布局包括: 1. Accordion布局:这种布局将子组件折叠在一起,一次只...

    EXT2.0中文教程

    5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个例子是进度条 5.3.4. 动画效果,跳出来,缩...

    Ext 开发指南 学习资料

    5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个例子是进度条 5.3.4. 动画效果,跳出来,缩...

    ExtJs教程.pdf

    1. Ext.MessageBox.alert() - 用于显示一个简单的提示信息窗口。 2. Ext.MessageBox.confirm() - 显示一个带有确认和取消按钮的窗口,通常用于询问用户是否继续或取消某个操作。 3. Ext.MessageBox.prompt() - 显示...

    ext的课件,ppt版,适合有面向对象基础人士

    最简单的Ext使用示例是在`Ext.onReady`函数中调用`Ext.MessageBox.alert`来弹出一个警告对话框,如`Ext.MessageBox.alert("hello","wayfoon");`所示。 在Ext中,页面布局扮演着至关重要的角色。有四种基本布局模式...

    ext 编程开发指南

    `MessageBox`是EXT提供的一个弹出对话框组件,可以用来显示提示信息或者确认对话框: ```javascript Ext.MessageBox.show({ title: '提示', msg: '这是一个消息框', buttons: Ext.MessageBox.OK }); ``` ##### ...

    extjs2.0学习资料

    - `icon`: 弹出框内容前面的图标,取值为 `Ext.MessageBox.INFO`、`Ext.MessageBox.ERROR` 等。 - `width`: 弹出框的宽度,不带单位。 - `prompt`: 设为 true,则弹出框带有输入框。 - `multiline`: 设为 true,...

    Ext JS下载及配置

    下面是一个简单的 Ext JS 应用示例,用于展示如何创建一个弹出消息框: ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

    ExtJs入门实例[整理].pdf

    `Ext.MessageBox.confirm()`与`alert()`类似,但添加了一个确认按钮,通常包含"是"和"否"两个选项。回调函数中的参数`e`表示用户点击的按钮值,可以是"yes"或"no"。例如: ```javascript Ext.MessageBox.confirm...

    掏钱学Ext(完整版) 附全部源码

    5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个例子呗 5.3.3. 下一个例子是进度条 5.3.4. 动画效果,跳...

Global site tag (gtag.js) - Google Analytics