关于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.prompt`函数用于弹出一个对话框,请求用户输入信息,并且可以指定回调函数来处理用户的输入结果。 **示例代码:** ```javascript Ext.MessageBox.prompt("prompt", "please input your name:", ...
在EXT JS框架中,`MessageBox`是一个非常实用的组件,用于弹出对话框与用户进行交互。本教程将深入探讨`MessageBox`的使用方法及其在实际开发中的应用。EXT JS是一个强大的JavaScript库,专为构建富客户端Web应用...
总的来说,EXTJS弹出框的自动消失功能可以通过结合`Ext.MessageBox.show`、`Ext.util.DelayedTask`和适当的事件监听来实现。这种机制允许开发者灵活地控制用户界面的交互,提供更友好的用户体验。
在这个场景中,"Ext的弹出对话框1111"指的是如何在Ext环境中设置和使用对话框功能。 首先,环境搭建是使用Ext的第一步。你需要下载ExtJS库,这通常包含了一个压缩包,其中包含了必要的JavaScript文件和CSS样式表。...
EXT 2.0 MessageBox 和 JavaScript 弹出窗口是两种在 Web 应用程序中常见的用户交互方式。它们允许开发者向用户展示信息、询问问题或获取输入。EXT 是一个流行的 JavaScript 框架,特别是它的 EXT JS 库,用于构建富...
1. `Ext.MessageBox.alert()` `alert()` 方法用于显示一个简单的警告对话框,包含一个标题、消息和一个确定按钮。两个必选参数是 `title` 和 `msg`,分别表示对话框的标题和显示的消息。可选参数是一个回调函数,当...
`EXT.MessageBox.alert()` 方法用于创建一个简单的警告对话框,包含一个标题、一条消息和一个可选的回调函数。标题和消息是必需的参数,回调函数会在用户点击对话框的确定按钮后执行。例如: ```javascript Ext....
2. **添加元素**:`add()` 方法可以向数组末尾添加一个或多个元素,如 `Ext.Array.add(array, item1, item2, ...)` 3. **插入元素**:`insert()` 方法允许在指定位置插入元素,例如 `Ext.Array.insert(array, index...
在ExtJS框架中,Ext.MessageBox是一个非常实用的工具类,它提供了弹出消息框的功能,可以用于向用户显示警告、确认、提示或请求输入等交互。这个工具类继承自`object`对象,它实际上是在当前页面上创建的一个浮动层...
3. **启动EXT**:使用`Ext.onReady`函数在DOM加载完成后执行EXT的初始化代码,例如弹出一个消息框。 ```javascript Ext.onReady(function() { Ext.MessageBox.alert("你好", "wayfoon"); }); ``` 4. **创建布局...
Ext.MessageBox.alert("你好", "wayfoon"); }); ``` Ext的布局系统是其强大功能的关键之一,提供了多种布局方式以适应不同的设计需求。常见的布局包括: 1. Accordion布局:这种布局将子组件折叠在一起,一次只...
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. 动画效果,跳出来,缩...
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. 动画效果,跳出来,缩...
1. Ext.MessageBox.alert() - 用于显示一个简单的提示信息窗口。 2. Ext.MessageBox.confirm() - 显示一个带有确认和取消按钮的窗口,通常用于询问用户是否继续或取消某个操作。 3. Ext.MessageBox.prompt() - 显示...
最简单的Ext使用示例是在`Ext.onReady`函数中调用`Ext.MessageBox.alert`来弹出一个警告对话框,如`Ext.MessageBox.alert("hello","wayfoon");`所示。 在Ext中,页面布局扮演着至关重要的角色。有四种基本布局模式...
`MessageBox`是EXT提供的一个弹出对话框组件,可以用来显示提示信息或者确认对话框: ```javascript Ext.MessageBox.show({ title: '提示', msg: '这是一个消息框', buttons: Ext.MessageBox.OK }); ``` ##### ...
- `icon`: 弹出框内容前面的图标,取值为 `Ext.MessageBox.INFO`、`Ext.MessageBox.ERROR` 等。 - `width`: 弹出框的宽度,不带单位。 - `prompt`: 设为 true,则弹出框带有输入框。 - `multiline`: 设为 true,...
下面是一个简单的 Ext JS 应用示例,用于展示如何创建一个弹出消息框: ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
`Ext.MessageBox.confirm()`与`alert()`类似,但添加了一个确认按钮,通常包含"是"和"否"两个选项。回调函数中的参数`e`表示用户点击的按钮值,可以是"yes"或"no"。例如: ```javascript Ext.MessageBox.confirm...
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. 动画效果,跳...