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 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();