Ext学习系列(3)-- Ext.Window
1、Ext.Window参数内容
window组件,它继承自panel.其中属性可参考panel。
不一样的属性有:
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()
例1:
//Window例1
Ext.get("button1").on("click", function() {
var L1 = new Ext.Window({
contentEl: "divID1",
width: 400,
height: 200,
title: "例1"
});
L1.show();
})
2、嵌套了tabpanel的window
例2:
//Window例2
Ext.get("button2").on("click", function() {
var L2 = new Ext.Window({
contentEl: "divID1",
width: 400,
height: 200,
title: "例2",
items: new Ext.TabPanel({
activeTab: 0,
border: false,
items: [{ title: "Tab1题目", html: "Tabl1内容
" }, { title: "Tab2题目", html: "Tabl2内容
"}]
}),
buttons: [{ text: "确定", handler: function() { Ext.MessageBox.alert("点击了确定按钮") } },
{ text: "取消", handler: function() { Ext.MessageBox.alert("点击了取消按钮") } }],
buttonAlign:"center
});
L2.show();
})