在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”,意味着我们正在讨论的是ExtJS框架的4.0.7版本,这是一个更新和修复了许多错误的稳定版本。ExtJS 4.0引入了大量的新特性,改进了性能,并提供了更现代的UI组件。 `jsb`...
在压缩包"ext-4.0.7-gpl"中,包含了EXTJS4.0.7的所有源代码、库文件、示例、文档和资源。开发者可以下载后解压,通过阅读源码和文档学习EXTJS的使用方法,或者直接将库文件引入项目中开始开发。 总之,EXTJS4.0.7...
Extjs4.0.7_desktop基础搭建.用Extjs 开发而成的 额
3. 导入`jsb2`文件:将`extjs4.0.7.jsb2`文件导入到Eclipse的Spket配置中,通常是在`Window > Preferences > Spket > JavaScript > Libraries`中添加新库,并关联此文件。 4. 开始开发:现在,当你在Eclipse中编写...
EXTJS4.0.7是一个基于JavaScript的前端开发框架,专用于构建富互联网应用程序(RIA)。这个后台管理框架是利用EXTJS4.0.7的功能,构建了一个功能丰富的交互式用户界面,通常包括数据管理、表格、图表、窗口、菜单等...
在EXTJS 4.0.7版本中,由于路径错误可能会导致JSBuilder无法正确解析和处理JSB3文件,因此提供的"已修正路径错误"的jsb3文件解决了这个问题。将这个修复后的sdk4.0.7.jsb3文件放置在EXTJS框架的根目录下,确保...
这是extjs框架技术帮助文档,欢迎广大ext爱好者前来学习下载
- **导入 Extjs 库**:将下载好的 Extjs 4.0.7 压缩包解压,将所有文件复制到项目下的 `WebRoot` 目录中。 - **官方示例**:`Examples` 文件夹包含了 Ext 官方提供的示例程序,其中可能包含 PHP 代码,可以暂时忽略...
extjs-4.0.7的源码 和大家分享
ExtJS 官方目前最新 2012-2-14
在MyEclipse中新建一个Web Project,命名为Extjs4,并将EXTJS4.0.7的压缩包解压后的内容复制到项目的Webroot目录下。`Examples`目录包含官方提供的示例程序,可能包含PHP代码,如果遇到错误信息,可暂时忽略。 为了...
ExtJs4.0.7压缩包有着很实用的价值,很适合新手参考学习,借助API会提高学习效率的,希望大家下载!
Extjs4开发笔记(一)——准备工作 http://www.mhzg.net/a/20116/20116281100279.html Extjs4开发笔记(二)——框架的搭建 http://www.mhzg.net/a/20116/201162913210280.html 目前仅实现这两步,我在参照原作者的...
ExtJS 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架.这是extjs4.0.7,里面含有相应的js类库
在4.0.7版本中,ExtJS引入了多项增强功能,包括改进的布局管理、更灵活的组件模型、以及对触摸设备的支持。这个版本还优化了性能,降低了内存占用,并修复了大量的已知问题,以提供更稳定的应用开发环境。其中,`jsb...
根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...
然后,添加一个工具栏(Toolbar)到Window中,包含一个最小化按钮。当用户点击这个按钮时,触发一个事件,该事件会改变Window的状态,将其隐藏或者调整大小到一个最小化的尺寸。 具体步骤如下: 1. **创建Window**...
Extjs-4.0.7最新完整版(附 API) 注:完整版+API+官方案例+jar包