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();
        }
    }
});

handle单击Ext.js面板标题

1 个答案: