Sencha触摸龙头与停靠工具栏的面板

我想创建带停靠底部工具栏的Ext.Panel，其中包含一个按钮。然后我想要有两个不同的处理程序用于点击面板主体和工具栏上的按钮。但是现在我有一个处理器用于点击面板，看起来这个处理器处理面板和工具栏上的每个点击。你能帮我修好吗？这里是我的代码：Sencha触摸龙头与停靠工具栏的面板

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

来源

2011-11-07 Hisohito

你究竟想要什么？对于底部的标签面板，请查看Sencha Touch演示的Kichen Sink示例。面板龙头有什么问题？ – Swar

如果你把面板的所有项目容器内，并添加容器，它可能会解决这个问题的听众。

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

来源

2012-05-16 18:50:09

Sencha触摸龙头与停靠工具栏的面板

回答

相关问题