如何使用 dbclick 打开面板。我认为它应该取代 "collapsible: true"

Question

下面是我的面板，我尝试使用 itemdblclick 但它不起作用。

  Ext.define('ExtApp.FilterPanel', {
     extend: 'Ext.Panel',
     alias: 'widget.GridFilterPanel',
     dock: 'top',
     collapsed:true,
     collapsible: true,
     cls: 'extfilter-panel',
     title: 'filters',
     initComponent: function () {
         var self = this
         if (metadataFunc.filtersMetainfo.HasFilter != null) {
           var myTabPanel = metadataFunc.tabPanel;

           self.items = myTabPanel;
           ExtApp.view.refBook.FilterPanel.superclass.initComponent.call(this);
           return;
    }
}

Answer 1

尝试像这样向 header 添加监听器：

 header : {
     listeners : {
         dblclick : function(header) {
             var panel = header.up('panel');
             if(panel.getCollapsed() ) {
                 panel.expand();
             } else {
                 panel.collapse();
             }
         }
     }
 }

这是fiddle：https://fiddle.sencha.com/#fiddle/1f5v

如何使用 dbclick 打开面板。我认为它应该取代 "collapsible: true"

How can i open panel using dbclick. It should replaced "collapsible: true" i think

extjs

panel