Sencha 的处理程序带有停靠工具栏的面板上的触摸点击答案

【问题标题】：Handlers for Sencha Touch tap on panel with docked toolbarSencha 的处理程序带有停靠工具栏的面板上的触摸点击
【发布时间】：2011-12-23 12:09:49
【问题描述】：

我正在添加带有停靠底部工具栏的 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]
 });

【问题讨论】：

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

标签： sencha-touch javascript-framework

【解决方案1】：

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

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

【讨论】：