1、 Ext.MessageBox提供的信息提示框与标准JavaScript提供的原始提示框的差别,主要表现在3个方面:
1) 实现方式
标准JavaScript提供的信息提示对话框是一个真正的弹出窗口。Ext.MessageBox提供的信息对话框并不是真正的弹出窗口,它只是在当前页面显示一个层(div)。
2) 显示信息的格式
标准JavaScript提供的信息提示对话框中所显示的内容不是HTML格式,而是纯文本。
不能使用HTML中的格式方法进行排版,只能以空格、回车以及各种标点符号来构建显示格式。
Ext.MessageBox提供的信息提示对话框显示的文本不仅支持纯文本显示还支持使用HTML格式文本,采用HTML中的格式方法进行排版,效果丰富多彩。
3) 对程序运行的影响
标准JavaScript提供的信息提示对话框会对JavaScript程序的运行方式产生阻塞。
Ext.MessageBox是异步的,它的调用并不会停止浏览器中代码的执行。
2、 各种信息提示框的方法运用:
1) Ext.MessageBox.alert(String title,String msg,[Function fn],[Object scope])
title:提示框的标题。
msg:显示的信息内容。
[Function fn]:(可选)回调函数。
[Object scope]:(可选)回调函数的作用域。
2) Ext.MessageBox.confirm(String title,String msg,[Function fn],[Object scope])
title:提示框的标题。
msg:显示的信息内容。
[Function fn]:(可选)回调函数。
[Object scope]:(可选)回调函数的作用域。
3) Ext.MessageBox.prompt(String title,String msg,[Function fn],[Object scope],[Boolean/Number multiline])
title:提示框的标题。
msg:显示的信息内容。
[Function fn]:(可选)回调函数。
[Object scope]:(可选)回调函数的作用域。
[Boolean/Number multiline]:设置为false将显示一个单行文本域,设置为true将以默认高度显示一个多行文本区。或者以像素为单位直接设置文本域的高度。默认为false.
4)Ext.MessageBox.show()方法的配置项如下:
配置项
|
类型
|
说明
|
title
|
String
|
提示框的标题
|
msg
|
String
|
显示的信息内容
|
Width
|
String
|
对话框的宽度
|
closable
|
Boolean
|
False将隐藏右上角的关闭按钮,默认为true
如果已设置wait或progress为true则该配置将被忽略,提示框只能通过程序关闭,不能通过右上角的关闭按钮关闭
|
modal
|
Boolean
|
True为模式窗口,false为非模式窗口
|
fn
|
Function
|
回调函数
|
buttons
|
Object/Boolean
|
一个包含配置信息的json对象或false不显示任何按钮,默认为false
|
progress
|
Boolean
|
True则显示一个进度条,默认为false,该进度条需要由程序控制滚动
|
progressText
|
String
|
进度条上显示的文字
|
wait
|
Boolean
|
True则显示一个自动滚动的进度条,默认为false
|
prompt
|
Boolean
String
|
True则显示一个单行文本域,默认为false
如果prompt设置为true,则value值将显示在文本域中
|
multiline
|
Boolean
|
如果prompt设置true,则multiline为true显示多行文本域,false显示单行文本域
|
icon
|
|
一个样式文本,它为对话框提供一个背景图
|
分享到:
相关推荐
在ExtJs中,消息提示框(Notification)是用户界面交互的一个重要元素,它能够向用户显示各种类型的通知信息,如警告、确认、信息提示等。 在标题提到的"ExtJs消息提示框"中,我们关注的是如何在ExtJs应用程序中...
在EXTJS中,弹出框(也称为警告、信息或确认对话框)是用户界面交互的重要组成部分,常用于向用户提供信息、警告或者等待用户确认操作。实现EXTJS弹出框在n秒后自动消失,我们可以利用EXTJS的定时器(Ext.util....
本文将详细介绍ExtJs中三种常用的消息框——提示框(Alert)、输入框(Prompt)和确认框(Confirm)的使用方法,并通过实例演示如何在实际项目中运用这些功能。 #### 二、提示框(Alert) 提示框主要用于向用户...
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...
- 提示框(message box) - 输入框(prompt box) - 确认框(confirm box) - 自定义消息框(自定义外观和行为) - 进度条对话框(用于长时间运行操作的反馈) #### 5. 页面与脚本分离 在Extjs中推荐使用`Ext....
3. **前端权限检查**:ExtJS 应用程序接收到这些信息后,会在用户尝试访问页面或操作时进行权限检查。这可以通过在控制器、视图或模型中添加逻辑来实现。 4. **动态加载**:根据用户的权限,应用程序可以动态地加载...
FineUI包含了大量的预设样式和组件,如表单、表格、按钮、提示等,同时支持Bootstrap风格,使得开发者可以快速搭建符合现代设计感的Web页面。 OA(Office Automation)系统是一种集成各种办公功能的软件,如文档...
标签“Extjs”提示我们关注的重点在于前端开发。ExtJS基于Sencha Touch,提供了跨平台的兼容性,支持多种浏览器,并且可以适应不同屏幕尺寸的设备,适合构建响应式Web应用。它使用面向对象的编程模型,使得代码组织...
5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext.MessageBox.wait() 5.2.6 Ext.MessageBox....
"ExtJS 智能提示 for Eclipse"是指在Eclipse中安装并配置Spket插件,以便在编写ExtJS代码时获得自动补全和API提示。Spket是一个为JavaScript和相关框架提供代码补全的Eclipse插件,它支持包括ExtJS在内的多个...
标题中的“extjs文件浏览框问题求教”表明这是一个关于ExtJS框架中文件选择或浏览功能的编程问题。ExtJS是一个流行的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件库,包括文件浏览框(FileBrowser)...
标题中的"extjs 代码提示插件"指的是专门为ExtJS开发的Eclipse插件,它能为开发者在编写ExtJS代码时提供自动补全和智能提示功能。这种插件能够极大地减少手动查找API文档的时间,提高开发速度,减少错误,并且加深对...
在进行页面框架构思时,作者提出了几个设计要点,包括仿Windows桌面的界面风格、OutLook形式的工具栏、用户自定义快捷菜单、以及特定区域的告警提示等。对于不同功能的窗口内容,考虑到了其占用操作区的大小,以及...
描述中的“模仿ExtJS qwikiOffice中右下角的消息提示框”表明这个修正版Notification是对ExtJS原有功能的一种定制,旨在复现qwikiOffice应用中出现的类似通知效果。qwikiOffice可能是一个使用了ExtJS的项目,它的...
7. **交互反馈**:当内容保存成功后,可以通过ExtJS的提示组件向用户显示操作结果。如果遇到错误,可以捕获并显示异常信息。 通过上述步骤,我们能够成功地在SSH框架中整合CKEditor和ExtJS,实现一个完整的前后端...
在Visual Studio 2008(VS2008)中使用ExtJS框架进行ASP.NET开发时,开发者可能会遇到一个问题,即VS2008默认并不支持ExtJS的代码智能提示。这对于编写高效且无错的JavaScript代码至关重要。本文将详细介绍如何在VS...
在“spket-1.6.23”这个版本中,安装配置ExtJS提示文件是为了让Spket更好地理解ExtJS的API,提供更准确的代码补全和语法高亮。这包括了对ExtJS4、ExtJS5和ExtJS6三个主要版本的支持。每个版本的JSB(JavaScript ...
这样,一旦数据加载完成,`msgTip`提示框就会被隐藏,确保了良好的用户体验。 #### 3. `reload`方法同样适用 对于`reload`方法,其逻辑与`load`方法相似。如果需要刷新Store中的数据并显示加载提示,同样可以在`...
这提示我们在使用时需要注意版本兼容性,特别是在升级或降级ExtJS库时。 `tree.docx`文件可能包含了关于如何使用这个复选框树的文档,包括示例代码、配置项解释和常见问题解答。阅读这份文档可以帮助开发者更好地...
[removed] function testPanel(){ var p=new Ext.Panel({ title:'测试面板', collapsible:true, renderTo:'base',//被渲染的对象,渲染的对象必须是ID width:400, ... tbar:[ {text:'新增'},{text:'修改'},{...