Sencha touch Sencha触摸面板的处理程序，带有固定工具栏

我正在使用停靠的底部工具栏添加Ext.Panel，该工具栏包含一个按钮，并有两个不同的处理程序，用于点击面板主体和工具栏上的按钮。设置完成后（参见下面的代码），似乎有一个处理程序同时处理面板和工具栏上的每次点击。以下是我现在掌握的代码：

var infoButton = new Ext.Button({
  ui: 'round-small',
  border: 0,
  iconCls: 'info',
  style: "background: transparent;",
  iconMask: true,
  handler: handlerTapInfo
});

var infoToolbar = new Ext.Toolbar({
  border: 0,
  ui: config.ui || 'light',
  dock: 'bottom',
  style: 'background: transparent;',
  items: [{xtype: 'spacer'}, infoButton]
}); 

var pic1Panel = new Ext.Panel({
    id: '1',
    flex: 1,
    listeners:{
        afterrender: function(c){
            c.el.on('click', function(){
                 handlerTapOnPanel();
           });
        }
    },
    dockedItems: [infoToolbar]
 });

---

如果将面板的所有项放在一个容器中，并在该容器上添加侦听器，则可能会解决问题

---

如果没有，则可以使用e.stopEvent停止事件传播或返回false（至少在Sencha Touch 2.0中），但需要验证事件注册的顺序（我认为面板应该是最后一个）

您到底想要什么？对于底部选项卡面板，请查看Sencha Touch演示的Kichen水槽示例。面板抽头有什么问题？