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觸摸龍頭與停靠工具欄的面板

回答

相關問題