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这个别名代替，其实上面我们已经用了。