sencha-touch - 在动态创建的按钮上设置操作

Question

我正在开发 Sencha Touch 2 应用程序，其中一些按钮是根据从 JSON 返回的视频数量动态创建的。

我已经创建了按钮，但是如何对这些按钮设置操作。我的意思是如何识别按下了哪个按钮。

通常在配置中我们有：

 config:
       {
            layout: 'vbox',
            fullscreen: true,

            listeners:
                [
                   {
                        delegate: '#button1',
                        event: 'tap',
                        fn: 'itemClicked'
                   },
                ],

此操作将仅为“button1”设置。那么，例如，我如何设置 10 个按钮的操作。在我的行动中，我如何识别按下了哪个按钮。

谢谢，

Answer 1

多谢你们，

我将这些按钮添加到面板中。我使用以下代码解决了它：

var b_Panel = Ext.getCmp('bottompanel');
for(var i=0; i<20; i++)
  {
    var aButton = Ext.create('Ext.Button',
     {
        text:'button'+i,
        margin:8,
        id:'button'+i,
        itemId:i,
        listeners:
         {
           tap: function()
             {
                console.log("Item ID is: "+this.getItemId());
             }
         }
     });

b_Panel.add(aButton); 

}

谢谢，