1、window配置属性
1.closeAction:枚举值为:close(默认值),当点击关闭后,关闭window窗口 hide,关闭后,只是hidden窗口
2.closable:true在右上角显示小叉叉的关闭按钮,默认为true
3.constrain:true则强制此window控制在viewport,默认为false
4.modal:true为模式窗口,后面的内容都不能操作,默认为false
5.plain://true则主体背景透明,false则主体有小差别的背景色,默认为false
//需要显示下show()方法,默认的窗口是可拖动的,可关闭的,可拖动大小的
w.show()
2、嵌套了tabpanel的window
js代码:
Ext.onReady(function(){
var w=new Ext.Window({
contentEl:"win",
width:300,
height:200,
items:new Ext.TabPanel({
activeTab:0,//当前标签为第1个tab(从0开始索引)
border:false,
items:[{
title:"tab1",
html:"tab1在windows窗口中"
},{
title:"tab2",
html:"tab2在windows窗口中"
}
]//TabPanel中的标签页
}),
plain:true,//true则主体背景透明,false则主体有小差别的背景色,默认为false
title:"标题" ,
bbar:[{ //bottom部
text:'确定'
},{
text:'取消',handler:function() {
w.close();
}
}
],
buttons:[{ //footer部
text:'确定'
},{
text:'取消',handler:function(){
w.close();
}
}
],
buttonAlign:'center', //footer部按钮排列位置,这里是中间
collapsiable:true //右上角的收缩按钮
});
w.show();
})
html代码:
<body>
<div>
<div id="win" class="x-hidden"></div>
</div>
</body>
相关推荐
Ext.Panel API翻译 -------Window属性
EXT组件一些属性与方法(MessageBox)[文].pdf
Ext 组件:Ext初学者必备 初学宝典 Ext组件概述
Ext、Ext4中各个组件、属性、方法详解,一个不漏;Ext学习入门及参考最好的资料
Ext2.0组件,全组件和帮助手册,部分为中文帮助手册
环境:Windows XP sp3、Tomcat 6.0、IE 7、MyEclipse 5.5、Ext 3.2 使用步骤: 1、下载解压之后,使用IDE导入工程 ...阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路,熟悉JavaScript编程
Ext_Window用法
xtype Class box Ext.BoxComponent 具有边框属性的组件 Button Ext.Button 按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component 组件 container Ext.Container 容器
Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;
ext 模拟window界面 表格 qq 地图
ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料ext学习资料
EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window
Ext.Window 通过DIV布局,通过DIV填充window内容,带Ext所需文件。
ext上传组件。此组件使用flash技术,使界面更美观。
NULL 博文链接:https://zhcl321.iteye.com/blog/1317543
一个简单的Ext.Window中插入图片的例子,让您轻松掌握在Ext.Window中插入图片(照片)。
Ext的FormPanel组件说明formPanel的详细使用说明
NULL 博文链接:https://hanxs8866-163-com.iteye.com/blog/1174152
ExtJS的组件化开发,描述如何通过将ExtJS组装成组件供项目组调用
从右下角动态弹出window,显示1分钟后自动隐藏,然后再弹出,类似MSN登录提醒。