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

时间:2013-04-11 14:03:40

标签: sencha-touch sencha-touch-2

我正在使用Sencha Touch 2应用程序,根据JSON返回的视频数量动态创建一些按钮。

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

通常在配置中我们有:

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

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

此操作仅针对“button1”设置。那么我该如何设置10个按钮的动作呢。在我的行动中如何识别按下了哪个按钮。

谢谢,

1 个答案:

答案 0 :(得分:0)

谢谢你们,

我将这些按钮添加到面板中。我用这段代码解决了它:

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); 

}

谢谢,