var win;
ext.get("btnwindow").on("click",function(){
if(!win){//如果不存在win對象擇建立
win=new ext.window({
title:'ext視窗',
width:400,
height:300,
layout:'fit',//設定視窗内部布局
closeaction:'hide',
plain:true,//true則主體背景透明，false則和主體背景有些差别
collapsible:true,//是否可收縮
modal:true,//是否為模式窗體
items:new ext.tabpanel({//窗體中中是一個一個tabpanel
autotabs:true,
activetab:0,
deferredrender:false,
border:false,
items:[
{
title:'tab1',
html:'tab1的内容'//内部顯示内容
},
title:'tab2',
html:'tab2的内容'
}
]
}),
buttons:[
text:'送出',
disabled:true//暫時設為不可用
text:'關閉',
handler:function(){//點選時觸發的事件
win.hide();
});
win.show();//顯示窗體
);
對于上面的代碼基本上都有注釋，我也不再做解釋，對于tabpanel如果不了解沒有關系，後面會專門提到。
運作效果：
注意上面的ext.messagebox也可以用ext.msg這個别名代替，其實上面我們已經用了。