sencha touch 2中的可點擊面板

Question

我正在使用sencha touch2。我有一個面板，幾乎沒有圖像。 我想在面板的水龍頭上觸發一個動作。 圖像放置在面板頂部。 這些圖像僅用於樣式目的。 當我點擊面板上的時候，我可以使用以下命令觸發動作：

{
   xtype : 'panel',
   listeners:{
     painted:function(ele){
           ele.element.on('tap',function(){
               console.log('you clicked panel');
         });
   }
  }
},

但是，由於此面板頂部有圖像，因此我必須點擊沒有圖像的位置才能觸發此操作。

 {
                     xtype : 'img',
                     src : 'resources/images/landingImages/a1.png',
                     id : 'a1Image',
                     mode : 'element',
                     width:220,
                     height:240,
                     top:0,
                     left:60

                },

有什么方法可以使此事件觸發，即使圖像在面板上重疊也是如此。 由於同一張圖像分布在2個不同的面板上，因此我無法在圖像點擊時再次調用該功能。 任何幫助表示贊賞。

Answer 1

如果我正確理解你的問題

您可以為圖像添加點擊甚至處理程序，在其中

您可以調用event.preventDefault();

這會做什么？

如果可以取消事件，則將其取消，而不停止事件的進一步傳播。

表示您的面板可以處理此事件。

也可以使用事件委托來以不同的方式進行操作，請通過下面的鏈接

@ Sencha中的事件委托

謝謝