`

Extjs信息提示框

    博客分类:
  • Ext
 
阅读更多



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

如果已设置waitprogresstrue则该配置将被忽略,提示框只能通过程序关闭,不能通过右上角的关闭按钮关闭

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,则multilinetrue显示多行文本域,false显示单行文本域

icon

一个样式文本,它为对话框提供一个背景图

分享到:
评论

相关推荐

    ExtJs消息提示框

    在ExtJs中,消息提示框(Notification)是用户界面交互的一个重要元素,它能够向用户显示各种类型的通知信息,如警告、确认、信息提示等。 在标题提到的"ExtJs消息提示框"中,我们关注的是如何在ExtJs应用程序中...

    extjs弹出框 n秒后消失

    在EXTJS中,弹出框(也称为警告、信息或确认对话框)是用户界面交互的重要组成部分,常用于向用户提供信息、警告或者等待用户确认操作。实现EXTJS弹出框在n秒后自动消失,我们可以利用EXTJS的定时器(Ext.util....

    ExtJs自定义消息框

    ExtJs自定义消息框,自带的消息框,可以下载来了解一下。

    ExtJS(ajax框架) 4.2.1

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    extjs&可视化开发& 智能提示

    “智能提示”是EXTJS中的一个重要特性,它增强了开发者的编程体验。在编写EXTJS代码时,IDE如MyEclipse可以提供代码自动补全功能,根据上下文和已有的类库自动给出可能的函数或变量名,帮助开发者快速准确地输入代码...

    Extjs4.1 系统框架 集成权限操作流程和页面

    3. **前端权限检查**:ExtJS 应用程序接收到这些信息后,会在用户尝试访问页面或操作时进行权限检查。这可以通过在控制器、视图或模型中添加逻辑来实现。 4. **动态加载**:根据用户的权限,应用程序可以动态地加载...

    Extjs FineUI开发框架 FineOffice框架 OA源码

    FineUI包含了大量的预设样式和组件,如表单、表格、按钮、提示等,同时支持Bootstrap风格,使得开发者可以快速搭建符合现代设计感的Web页面。 OA(Office Automation)系统是一种集成各种办公功能的软件,如文档...

    ASP.NET Extjs框架源码 教务系统框架源码 ASP.NET+Extjs框架 ASP.NET源码

    标签“Extjs”提示我们关注的重点在于前端开发。ExtJS基于Sencha Touch,提供了跨平台的兼容性,支持多种浏览器,并且可以适应不同屏幕尺寸的设备,适合构建响应式Web应用。它使用面向对象的编程模型,使得代码组织...

    精通JS脚本之ExtJS框架.part2.rar

    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智能提示Eclipse

    "ExtJS 智能提示 for Eclipse"是指在Eclipse中安装并配置Spket插件,以便在编写ExtJS代码时获得自动补全和API提示。Spket是一个为JavaScript和相关框架提供代码补全的Eclipse插件,它支持包括ExtJS在内的多个...

    extjs文件浏览框问题求教

    标题中的“extjs文件浏览框问题求教”表明这是一个关于ExtJS框架中文件选择或浏览功能的编程问题。ExtJS是一个流行的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件库,包括文件浏览框(FileBrowser)...

    extjs 代码提示插件

    标题中的"extjs 代码提示插件"指的是专门为ExtJS开发的Eclipse插件,它能为开发者在编写ExtJS代码时提供自动补全和智能提示功能。这种插件能够极大地减少手动查找API文档的时间,提高开发速度,减少错误,并且加深对...

    信息提示小窗口Notification-ExtJS2.0.2(修正版)

    描述中的“模仿ExtJS qwikiOffice中右下角的消息提示框”表明这个修正版Notification是对ExtJS原有功能的一种定制,旨在复现qwikiOffice应用中出现的类似通知效果。qwikiOffice可能是一个使用了ExtJS的项目,它的...

    SSH+ExtJs完成CKEditor富文本编辑器整合

    7. **交互反馈**:当内容保存成功后,可以通过ExtJS的提示组件向用户显示操作结果。如果遇到错误,可以捕获并显示异常信息。 通过上述步骤,我们能够成功地在SSH框架中整合CKEditor和ExtJS,实现一个完整的前后端...

    extjs代码提示

    在“spket-1.6.23”这个版本中,安装配置ExtJS提示文件是为了让Spket更好地理解ExtJS的API,提供更准确的代码补全和语法高亮。这包括了对ExtJS4、ExtJS5和ExtJS6三个主要版本的支持。每个版本的JSB(JavaScript ...

    extjs3.X 带复选框的树

    这提示我们在使用时需要注意版本兼容性,特别是在升级或降级ExtJS库时。 `tree.docx`文件可能包含了关于如何使用这个复选框树的文档,包括示例代码、配置项解释和常见问题解答。阅读这份文档可以帮助开发者更好地...

    EXTJS创建提示框、面板、表格建议代码实现

    [removed] function testPanel(){ var p=new Ext.Panel({ title:'测试面板', collapsible:true, renderTo:'base',//被渲染的对象,渲染的对象必须是ID width:400, ... tbar:[ {text:'新增'},{text:'修改'},{...

    extJs代码提示文档

    "ExtJs代码提示文档"是开发者在编写ExtJS代码时的重要参考资料,它可以提供实时的代码补全和功能提示,极大地提高开发效率。 该文档通常包含以下几个方面的内容: 1. **组件API**:ExtJS的核心在于其组件模型,...

    ExtJs3.0中文文档

    9. **工具提示(Tooltips)**:提供可定制的工具提示,增强用户体验。 10. **菜单(Menus)**:灵活的菜单系统,支持多层次和动态加载。 11. **拖放(Drag & Drop)**:内置的拖放API使得元素间拖放操作变得简单...

    信息提示小窗口Notification-ExtJS2.0.2

    在给定的资料中,我们关注的是一个名为"信息提示小窗口Notification-ExtJS2.0.2"的项目,它是对ExtJS库的一个扩展,用于创建类似qwikiOffice中右下角的消息提示框。 首先,`ExtJS`是一个强大的JavaScript库,专为...

Global site tag (gtag.js) - Google Analytics