Ext_windows 组件(二)

一、添加子组件实例

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 fbartext:'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();