[ExtJS] 向上查找父級控件 up選擇器

在使用ExtJS控件查找時,常用lookup 或 down 元素選擇器,

若是想向上找某個父級,可以用up方法

用法:

1.ComponentManager 管理的Ext.Component實例 

ExtJs的component實例對象.up('父級容器的xtype別名')

示例:

{
    xtype:'panel',
    title:'頂層panel',
    items:[
        {
            xtype:'container',
            items:[
                {
                    xtype:'button',
                    text:'按鈕',
                    handler:function(btn) {
                        btn.up('panel');//獲取panel 對象
                    }
                }
            ]
        }
    ]
}

2.Elment dom元素的up(不過此方法獲取到的還是 elment對象)

Ext.fly(dom對象).up(css選擇器)

示例:

{
    xtype: 'panel',
    title: '頂層panel',
    items: [{
        xtype: 'container',
        items: [{
                xtype: 'component',
                tpl: '<div>按鈕</div>',
                data: [],
                listeners: {
                    initialize: function (compoent) {
                        compoent.element.on({
                            tap: function (e, dom) {
                                Ext.fly(dom).up('.x-panel') //獲取 頂層容器
                            }
                        })
                    }
         
                }
         
            }]
        }]
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章