在使用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') //獲取 頂層容器
}
})
}
}
}]
}]
}