`
chen2991101
  • 浏览: 38685 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

用window实现类似Ext.msg.alert()效果

阅读更多

公司的项目没有使用ifram,所以整个项目就一张页面,导致当使用Ext.msg.alert()后会遮罩整个界面。如果我只想遮罩右边的tab而让左边的tree依然还能用的话就只有重写一个window来代替alert。然后自己再通过mask()方法来手工控制遮罩

Ext.create('Ext.window.Window', {
				title : title,
				id : id,
				renderTo : renderTo,
				resizable : false,
				constrain : true,
				border : false,
				cls : Ext.baseCSSPrefix + 'message-box',
				buttonAlign : 'center',
				width : 250,
				height : 115,
				items : [{
							xtype : 'container',
							anchor : '100%',
							style : {
								padding : '10px',
								overflow : 'hidden'
							},
							items : [{
										xtype : 'image',
										src : '/btoc/resource/app/images/icon-question.gif',
										width : 32,
										height : 32,
										style : {
											'float' : 'left'
										}
									}, {
										xtype : 'label',
										padding : '0 0 0 20',
										text : msg
									}]
						}],
				buttons : [{
							text : '确定',
							handler : ok
						}, {
							text : '取消',
							handler : function(btn) {
								btn.up('window').close();
							}
						}]
			}).show();

 

 

 

0
0
分享到:
评论

相关推荐

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    Ext.Msg.Alert("Title", "Message").Show(); Example (New) if (!X.IsAjaxRequest) { } X.Msg.Alert("Title", "Message").Show(); 12. Added new feature to get server-side Property values ...

    ext文件上传下载

    Ext.Msg.alert('失败', action.result.message); } }); } } }] }] }); } }); ``` 文件下载则可以通过创建一个隐藏的`<a>`标签或者利用JavaScript创建一个`Blob`对象并创建一个新的`window.URL....

    Extjs帮助文档.pdf

    接下来将详细介绍文档中提到的几个核心概念,包括`Ext.MessageBox`、`Ext.Panel`、`Ext.Window`、`Ext.FormPanel`、`Ext.TabPanel`、`Ext.XTemplate`和`Ext.TreePanel`以及如何在Extjs中实现主题(换肤)功能。...

    ext整理的一些知识

    - **基本提示框**:使用`top.Ext.Msg.alert("标题","内容")`。 - **确认对话框**:`top.Ext.Msg.confirm("标题","内容",回调函数)`,其中回调函数将在用户作出选择后执行。 - **加载提示**:`var loadMask = new Ext...

    extjs实例 入门,提供ext所需要的资源文件,详细叙述怎么改变文件颜色

    .x-msg-box .x-window-body { background-color: #yourColor; color: #yourTextColor; } ``` 4. **实践步骤**: - 首先,确保正确引用了ExtJS库和自定义的CSS文件。 - 分析提供的示例代码,找到需要改变颜色...

    ext_动态树型的实现

    ### 使用ExtJS实现动态树型结构 #### 一、引言 在Web应用开发中,树形结构(Tree)是一种非常常见的数据展示形式,尤其是在文件管理系统、目录浏览等场景下。ExtJS作为一款功能强大的JavaScript库,提供了丰富的UI...

    extjs开发指导3.pdf

    例如,EXTJS的`Ext.Msg.alert`方法用于创建提示框,其接受逗号分隔的参数,如`'提示','内容'`,分别代表提示框的标题和内容。这是一种简洁的配置方式,易于理解和使用。 2. **JSON对象配置** - 对于更复杂、多样的...

    ext学习小例

    通过以上知识点的学习,初学者可以快速上手 Ext JS,并实现一些基本的前端功能,例如显示消息提示框、创建输入框以及创建窗口等。需要注意的是,在实际开发过程中,建议遵循最佳实践和官方文档的指导来确保代码质量...

    Ext框架简介.ppt

    Ext.Msg.alert('helloWord','Hello Word!'); }); ``` EXT框架的基础主要包括底层API、控件和实用工具三大部分。底层API提供了DOM操作、事件处理、DOM查询等基本功能,是其他所有组件的基础。控件,或称作小部件...

    ExtJs入门实例

    - `buttons`: 按钮配置,可选值包括`Ext.Msg.OK`, `Ext.Msg.OKCANCEL`, `Ext.Msg.CANCEL`, `Ext.Msg.YESNO`, `Ext.Msg.YESNOCANCEL`。 - `closable`: 是否显示关闭按钮。 - `msg`: 对话框中的消息文本。 - `...

    Extjs中文教程2.x

    - **示例**: 使用 `Ext.Fx` 和 `Ext.Element` 类中的动画函数实现动态效果。 #### 五、元素操作与模板 **5.1 元素操作** - **工具**: `Ext.DomHelper` 类提供了创建、操作 DOM 元素的方法。 - **示例**: `Ext....

    SSH2上传实现

    Ext.Msg.alert('成功', action.result.message); document.location.href = 'Main.html'; win.hide(); }, failure: function(form, action) { Ext.Msg.alert('失败', action.result.message); } }); } } ...

    js语法之extjs

    Ext.Msg.alert("3秒钟后自动执行", "你好," + name1 + "、" + name2 + "!"); }; Ext.defer(func1, 3000, this, ["张三", "李四"]); ``` ##### 4.2 函数定时执行 例如,让一个元素每隔一秒更新一次显示当前时间...

    Ext Grid数据导出到Excel

    Ext.ptx.SlideMsg.msg("信息提示", "导出Excel成功!"); }, failure: function(response, request) { Ext.getBody().unmask(); Ext.MessageBox.alert("出现异常", response.responseText); } }); } ``` ### 3...

    coolite学习笔记

    在 JavaScript 操作中,Coolite 提供了一些内置的对话框,如 `Ext.Msg.confirm()` 和 `Ext.Msg.alert()`,它们分别用于创建带确认按钮的对话框和只显示信息的对话框。例如: ```javascript Ext.Msg.confirm('标题',...

    extjs登录.pdf

    在实际项目中,EXTJS登录界面通常会与后端服务器进行深度集成,例如使用Spring Security或类似的框架进行身份验证。而这里的代码只是一个简单的示例,没有涵盖认证逻辑或错误处理。实际开发中,需要考虑更多的安全性...

    extjs实践大量实例讲解

    Ext.Msg.alert('Error', 'Please fill out all required fields'); } } }] }); ``` 在这个例子中,我们创建了一个表单面板,并添加了两个文本框组件。通过设置 `allowBlank: false` 属性,我们可以禁止用户留空...

    extjs学习笔记

    - **Ext.window.Window 组件** - **方法**: - `hide(animateTarget, callback, scope)`:隐藏组件。 - `animateTarget` (String/Ext.Element/Ext.Component):动画的目标元素。 - `callback` (Function):隐藏...

Global site tag (gtag.js) - Google Analytics