码迷,mamicode.com
首页 > Windows程序 > 详细

ExtJs window(三)添加子组件,查找组件

时间:2016-08-20 01:36:11      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:


一.通过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();
    
});

 

 

ExtJs window(三)添加子组件,查找组件

标签:

原文地址:http://www.cnblogs.com/wangqiang4518/p/5789514.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!