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>