Question

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

Answer 1

如果我理解你的问题

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

您可以致电event.preventDefault();

这会做什么？

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

表示您的小组可以处理此事件。

有一种方法可以使用事件代表以不同方式执行，请通过以下链接

@ Event delegation in sencha

由于

sencha touch 2中的可点击面板

1 个答案: