一.通过items添加子组件

1.new Ext.button.Button创建组件；2.也可以通过通过别名xtype创建组件

二.查找组件

1.组件都有up，down方法，表示向上、向下查找，需要参数为组件xtype或者选择器  alert(btn.up(‘window‘).title);

2.最常用的查找方式 alert(Ext.getCmp(‘mywin‘).title);

Ext.onReady(function(){

    //在组件上，添加子组件；并进行针对组件的查找等操作
    //通过items添加子组件，1.new Ext.button.Button创建组件；2.也可以通过通过别名xtype创建组件

//    //demo1在组件中添加子组件
//    var win = new Ext.window.Window({
//        title:"添加子组件实例",
//        width:‘40%‘,
//        height:‘60%‘,
//        draggable:false,        //不可以拖拽
//        resizable:false,        //不可改变大小
//        maximizable : true,
//        //Ext items （数组）配置子组件的配置系那个
//        items:[{
//            //Ext的组件给我们提供了一个简单的写法，xtype属性去创建组件
//            xtype:‘panel‘,    //和创建Ext.panel.Panel一样.通过别名创建组件
//            width:‘50%‘,
//            height:100,
//            html:‘我是面板‘
//        },
//        //这种方式和通过xtype创建组件等效
//        new Ext.button.Button({
//            text:‘我是按钮‘,
//            handler:function(btn){
//                alert("执行");
//                alert(btn.text);
//            }
//        })
////            {
////                xtype:‘button‘,
////                text:‘我是按钮‘,
////                handler:function(btn){//btn指的当前按钮
////                    alert("我被点击了");
////                    alert(btn.text);
////                }
////            }
//        ]
//    });
//    win.show();

    //demo2查找组件
    var win = new Ext.Window({
        id:‘mywin‘,
        title:‘操作组件形式‘,
        width:‘50%‘,
        height:‘50%‘,
        tbar:[{        //bbar,lbar,rbar,fbar
            text:‘按钮1‘,
            handler:function(btn){//btn指的当前按钮
                //组件都有up，down方法，表示向上、向下查找，需要参数为组件xtype或者选择器
                alert(btn.up(‘window‘).title);
            }
        },{
            text:‘按钮2‘,
            handler:function(btn){//btn指的当前按钮
                //最常用的查找方式
                alert(Ext.getCmp(‘mywin‘).title);
            }
        },{
            text:‘按钮3‘,
            handler:function(btn){//btn指的当前按钮
                //以上一级的组件形式去查找ownerCt
                console.info(btn.ownerCt); //为啥控制台没显示呢?
                alert(btn.ownerCt.ownerCt.title);
            }

        }]        //在当前组件top位置添加工具条
    });
    win.show();

});