events - Sencha 触摸 2 : tap on container doesn't work (tap on button works fine)

Question

我已阅读 SO question: Controller for Buttons Sencha Touch 2 [Solved]实现点击按钮。有用!

不幸的是，我需要点击容器，而不是按钮。一旦我改变xtype:'container' , 至 xtype:'button' ，点击正常，我看到 console.log消息所以一切正常。一旦我把它改回 xtype:'container' ，它停止工作，没有console.log信息。

所以，我的问题是:如何让点击事件适用于我的 xtype:'container' ?为什么它只适用于按钮？我错过了什么吗？

附言据我所知，容器没有点击事件。那有什么解决办法呢？制作一个具有多个文本字符串和背景的按钮是一种解决方案吗？

好的，根据您的回答，目前还不清楚，如何使按钮看起来像容器。容器是上面有两个字符串的图像。这是我的容器:

{
    xtype:'container',
    cls:'home-img',
    id: 'home-img',
    layout : {
        type : 'vbox',
         align: 'middle'
    },
    items:[
          { xtype:'container',
            html:'Your current rate is:'  
          },
          { xtype:'container',
            tpl:'{rate}'
          }
          ],
},

一旦我更换 xtype:'container' , 与 xtype:'button' ，我在显示 {rate} 参数时遇到困难，并且无法生成两个字符串。

Answer 1

我不是 sencha touch 的专业人士，但在这种情况下，我认为你需要一个关于元素的听众。
这对我有用:

Ext.define('RSSFramework.view.ListContainer', {
extend: 'Ext.Container',

config: {
    layout: {
        type: 'fit'
    },
    listeners:[
                 {
                    element: 'element',
                    event: 'tap',
                    fn: function() {
                        console.log('TAP!');
                    }
                }
            ]
}

});