sencha touch 2 中的可点击面板答案

【问题标题】：Clickable panel in sencha touch 2sencha touch 2 中的可点击面板
【发布时间】：2012-12-03 09:46:34
【问题描述】：

我正在开发 sencha touch 2。我有一个面板和几张图片。我想在面板的水龙头上触发一个动作。图像放置在面板的顶部。这些图像仅用于样式目的。当我点击面板时，我可以使用以下命令触发操作：

{
   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 个不同的面板上，我无法在图像点击时再次调用该函数。任何帮助表示赞赏。

【问题讨论】：

标签： css sencha-touch sencha-touch-2

【解决方案1】：

如果我正确理解了您的问题

您可以为图像添加点击甚至处理程序，并在其中添加

您可以拨打event.preventDefault();

这会做什么？

如果事件可取消，则取消该事件，而不停止事件的进一步传播。

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

使用事件委托也有不同的方法，请通过下面的链接

@Event delegation in sencha

谢谢

【讨论】：