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');
    ...

使用ComponentQuery显示隐藏的面板 - Extjs

1 个答案: