在Ext的Window中添加子组件，查找组件的方式

示例1）：

Ext.onReady(function(){var win=new Ext.window.Window(//向窗体中添加子组件；设置窗体的属性{title:'添加组件',width:'50%',height:400,renderTo:Ext.getBody(),draggable:false,        //是否允许拖拽resizable:false,//是否允许改变窗口大小closable:false,//不显示关闭按钮collapsible:true,//显示折叠按钮bodyStyle:'background:#ffc;padding:20px;',//设置样式html:'window的内容',//窗体中的内容//配置子组件的配置项items:[//使用xtype来创建组件{//组件1：panel组件xtype:'panel',width:'50%',height:100,html:'这是面板子组件'},{//组件2：按钮组件xtype:'button',text:'按钮text',handler:function(btn)//按钮的点击响应事件，可查API{alert('点击的按钮上的文字为：'+btn.text);//使用传递过来的按钮}},new Ext.button.Button({text:'使用new创建的按钮',handler:function(){alert('new创建按钮的响应事件！');}})]});win.show();//一定不要忘了将创建的窗体显示出来});

运行结果：

示例2）：

Ext.onReady(function(){var win=new Ext.window.Window(//操作组件，查找组件{id:'mywin',//添加ID，方便使用Ext.getCmp方法获取组件title:'操作组件的形式',width:'50%',height:400,renderTo:Ext.getBody(),//在当前组件的top为位置添加一个工具条//bbar(在panel中的底部);lbar(左侧);rbar(右侧);fbar(在panel外的底部)tbar:[{text:'组件查找方法一',//使用组件都有的的up和down方法查找组件handler:function(btn){alert(btn.up('window').title);//up参数为xtype}},{text:'组件查找方法二',//使用Ext.getCmp('组件ID')的方法查找组件handler:function(btn){//该方法最常用alert(Ext.getCmp('mywin').title);//参数为要查找的组件的ID}},{text:'组件查找方法三',//使用ownerCt查找上一级的方法查找组件handler:function(btn){//可以使用console.info(btn.ownerCt);的方法查看要查找的上一级组件是否是要查找的alert(btn.ownerCt.ownerCt.title);//up参数为xtype}}]});win.show();//一定不要忘了将创建的窗体显示出来});

结果：（三种方式结果都相同）

关于程序中组件相关属性事件的配置，请参考帮助文档，举例如下。（具体的帮助文档可以在：点击打开链接中进行下载）