button - 使用 ComponentQuery - Ext JS 显示隐藏面板

Question

我只想在单击按钮时显示一个隐藏面板。

目前我有这个代码：

search: function(btn) }
   btn.up('panel').nextSibling().show();
   ...

它定位父面板并显示（）该面板的下一个兄弟。（我想我解释得对..？）

但是，我觉得使用 ComponentQuery 来调用我想要显示的面板会更有效，因为我的应用程序的布局可能会在未来发生变化，这会改变我的组件及其功能的层次结构。

这是hidden我要显示的列表视图（面板）：

Ext.define('AM.view.metadata.List' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.metadatalist',
    title: '<center>Results</center>',
    store: 'Metadata', 
    ...

有任何想法吗？

Answer 1

你可以给你的面板一个 itemId

Ext.define('AM.view.metadata.List' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.metadatalist',
    title: '<center>Results</center>',
    store: 'Metadata', 
    itemId: 'targetPanel'

并使用这个 ComponentQuery

search: function(btn) 
    Ext.ComponentQuery.query('#targetPanel');
    ...