一、添加子组件实例
var win = new Ext.window.Window({
title:'添加子组件实例',
width:'40%',
height:400,
renderTo:Ext.getBody(),
draggable:false , //不允许拖拽
resizable:false, //不允许改变窗口大小
closable:false, //不允许存在关闭
collapsible:true, //运行收缩
html:'我是Windows内容',
//Ext 中的items(array)是配置子组件的配置项
items:[{
xtype:'panel', //创建组件
width:'50%',
height:100,
html:'panel panel'
},
{
xtype:'button',
text:'is btn',
handler:function(btn){
alert("点击了按钮!!!");
alert(btn.text);
}
}]
})
win.show();
二、操作组件演示
var win = new Ext.Window({
id:'mywin',
title:'操作组件演示',
width:500,
height: 300,
renderTo: Ext.getBody(),
//表示在组件中添加一个工具条
tbar:[{ //bbar lbar rbar fbar
text:'btn1',
handler:function(btn){
//组件都会有up down 这两个方法,表示向上向下查找;需要的参数是组件的xtype或者是选择器
alert(btn.up('window').title);
}
},{
text:'btn2',
handler:function(btn){
//最常用
alert(Ext.getCmp('mywin').title);
}
},{
text:'btn3',
handler:function(btn){
//alert(btn.ownerCt.isContained.title);
alert(btn.ownerCt.ownerCt.title);
}
}]
})
win.show();