`
TJYCHYANGCHENHUI
  • 浏览: 12572 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

Extjs4.0.7中的Window 的 frame 属性的问题

阅读更多
在Extjs4.0.7中Ext.window.Window设置frame:true的会出现问题
js代码

// JavaScript Document

Ext.onReady(function(){
					
					var _window = Ext.create('Ext.window.Window',{
									id:"loginWindow",
									title:'登录',		
									frame:true,
									width:230,		
									height:120,									
									plain:true,
									labelWidth:45,		
									resizable:false,
									buttonAlign:'center',
									collapsed:true,
									closeAction:'hide',
									defaults:{
										xtype:'textfield',
										width:180
									},		
									bodyStyle:{
										padding:'3px'
									},
									items:[
										{
											id:"account",
											fieldLabel:"帐号",
											width:300
										},{
											
											fieldLabel:"密码",
											id:'password',
											inputType:"password",
											width:300
										}
									],
									buttons:[
										{
											text:'确定',
											handler:function(){
												var account = Ext.getCmp("account").getValue();
												var password = Ext.getCmp("password").getValue();
												alert("用户名:" + account + " ,密码:" + password);
											}
										},{
											text:'取消',
											handler:function(){
												_window.hide();
											}
										}
									],
									listeners:{
										'show':function(){
											alert("窗体显现");	
										},
										'hide':function(){
											alert("窗体隐藏");
										},
										'close':function(){
											alert("窗体关闭");
										}
									}
						});		
						
						
						_window.show();	
				
				
		
			
					
			
});



效果图1:



当设置frame:false

// JavaScript Document

Ext.onReady(function(){
					
					var _window = Ext.create('Ext.window.Window',{
									id:"loginWindow",
									title:'登录',		
									frame:false,
									width:230,		
									height:120,									
									plain:true,
									labelWidth:45,		
									resizable:false,
									buttonAlign:'center',
									collapsed:true,
									closeAction:'hide',
									defaults:{
										xtype:'textfield',
										width:180
									},		
									bodyStyle:{
										padding:'3px'
									},
									items:[
										{
											id:"account",
											fieldLabel:"帐号",
											width:300
										},{
											
											fieldLabel:"密码",
											id:'password',
											inputType:"password",
											width:300
										}
									],
									buttons:[
										{
											text:'确定',
											handler:function(){
												var account = Ext.getCmp("account").getValue();
												var password = Ext.getCmp("password").getValue();
												alert("用户名:" + account + " ,密码:" + password);
											}
										},{
											text:'取消',
											handler:function(){
												_window.hide();
											}
										}
									],
									listeners:{
										'show':function(){
											alert("窗体显现");	
										},
										'hide':function(){
											alert("窗体隐藏");
										},
										'close':function(){
											alert("窗体关闭");
										}
									}
						});		
						
						
						_window.show();	
				
				
		
			
					
			
});


效果图2:



请教:这是extjs的bug还是说extjs4.x以上的版本都是这样的!求解释??


  • 大小: 4.8 KB
  • 大小: 5.3 KB
分享到:
评论

相关推荐

    最新ExtJS4.0.7 包括jsb

    这个标题提到的是“最新ExtJS4.0.7 包括jsb”,意味着我们正在讨论的是ExtJS框架的4.0.7版本,这是一个更新和修复了许多错误的稳定版本。ExtJS 4.0引入了大量的新特性,改进了性能,并提供了更现代的UI组件。 `jsb`...

    EXTJS4.0.7下载

    在压缩包"ext-4.0.7-gpl"中,包含了EXTJS4.0.7的所有源代码、库文件、示例、文档和资源。开发者可以下载后解压,通过阅读源码和文档学习EXTJS的使用方法,或者直接将库文件引入项目中开始开发。 总之,EXTJS4.0.7...

    Extjs4.0.7_desktop基础搭建.

    Extjs4.0.7_desktop基础搭建.用Extjs 开发而成的 额

    extjs4.0.7.jsb2

    3. 导入`jsb2`文件:将`extjs4.0.7.jsb2`文件导入到Eclipse的Spket配置中,通常是在`Window > Preferences > Spket > JavaScript > Libraries`中添加新库,并关联此文件。 4. 开始开发:现在,当你在Eclipse中编写...

    extjs4.0.7后台管理框架

    EXTJS4.0.7是一个基于JavaScript的前端开发框架,专用于构建富互联网应用程序(RIA)。这个后台管理框架是利用EXTJS4.0.7的功能,构建了一个功能丰富的交互式用户界面,通常包括数据管理、表格、图表、窗口、菜单等...

    extjs4.0.7附带的jsb3文件,已修正路径错误

    在EXTJS 4.0.7版本中,由于路径错误可能会导致JSBuilder无法正确解析和处理JSB3文件,因此提供的"已修正路径错误"的jsb3文件解决了这个问题。将这个修复后的sdk4.0.7.jsb3文件放置在EXTJS框架的根目录下,确保...

    extjs4.0.7

    这是extjs框架技术帮助文档,欢迎广大ext爱好者前来学习下载

    Extjs4.0.7学习指南_中文

    - **导入 Extjs 库**:将下载好的 Extjs 4.0.7 压缩包解压,将所有文件复制到项目下的 `WebRoot` 目录中。 - **官方示例**:`Examples` 文件夹包含了 Ext 官方提供的示例程序,其中可能包含 PHP 代码,可以暂时忽略...

    extjs-4.0.7的源码

    extjs-4.0.7的源码 和大家分享

    ExtJS 4.0.7

    ExtJS 官方目前最新 2012-2-14

    Extjs4.0.7学习指南

    在MyEclipse中新建一个Web Project,命名为Extjs4,并将EXTJS4.0.7的压缩包解压后的内容复制到项目的Webroot目录下。`Examples`目录包含官方提供的示例程序,可能包含PHP代码,如果遇到错误信息,可暂时忽略。 为了...

    ExtJs4.0.7程序包

    ExtJs4.0.7压缩包有着很实用的价值,很适合新手参考学习,借助API会提高学习效率的,希望大家下载!

    基于extjs4.0.7的员工管理系统

    Extjs4开发笔记(一)——准备工作 http://www.mhzg.net/a/20116/20116281100279.html Extjs4开发笔记(二)——框架的搭建 http://www.mhzg.net/a/20116/201162913210280.html 目前仅实现这两步,我在参照原作者的...

    extjs 4.0.7

    ExtJS 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架.这是extjs4.0.7,里面含有相应的js类库

    ExtJS-4.0.7 + Spket 1.6.22

    在4.0.7版本中,ExtJS引入了多项增强功能,包括改进的布局管理、更灵活的组件模型、以及对触摸设备的支持。这个版本还优化了性能,降低了内存占用,并修复了大量的已知问题,以提供更稳定的应用开发环境。其中,`jsb...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    Extjs使用Window最小化窗口

    然后,添加一个工具栏(Toolbar)到Window中,包含一个最小化按钮。当用户点击这个按钮时,触发一个事件,该事件会改变Window的状态,将其隐藏或者调整大小到一个最小化的尺寸。 具体步骤如下: 1. **创建Window**...

    Extjs-4.0.7最新完整版(附 API)

    Extjs-4.0.7最新完整版(附 API) 注:完整版+API+官方案例+jar包

Global site tag (gtag.js) - Google Analytics