javascript - 处理单击 Ext.js 面板标题

Question

我正在尝试处理对 ext.js 面板标题的点击（与其他面板一起生活在手风琴内），现在标题是一个扩展标题，它包含许多项目（不是工具）。问题是，当我设置 titleCollapse:true 时，对我的项目的点击会传播到标题，该标题会折叠。

我想设置 titleCollapse:true 以便用户可以通过单击标题而不仅仅是折叠工具来折叠/展开。但是，那么，这个问题..

Answer 1

让我自己回答……

Ext.define("WebPhone.view.CallLogListHeader", {
    extend: 'Ext.panel.Header',
    xtype: 'callLogListHeader',
    layout:
    {
        type: 'hbox',
        align: 'middle',
        pack: 'end'
    },
    //titlePosition: 0,
    items:
    [
        {
            xtype: 'button',
            text: '',
            cls: 'ClearCallLogButtonCls',
            handler: function () {
                var me = this;
                me.container.component.handledByTool = true;
                var view = Ext.create('WebPhone.view.ApproveClearLogs');
                view.show();
            }
        }
    ],
    initComponent: function()
    {
        var me = this;
        me.callParent( arguments );
        me.handledByTool = false;
    },
    listeners:
    {
        click: function()
        {
            var me = this;
            if( me.handledByTool )
            {
                me.handledByTool = false;
                return;
            }

            var parent = me.findParentByType( 'contact-list-view' );
            if( parent.collapsed )
                parent.expand();
            else
                parent.collapse();
        }
    }
});