Sencha Touch 2中如何动态添加button

原理很简单无非就是在一个容器上面选中id，用容器的add方法将button循环加入。

现在我们来试一下

1.先定义一个Container组件用，以后在里面添加button

 

xtype: 'container' ,
id: 'aaa'

 

2.（lz使用的是mvc架构）在app.js的启动launch函数中执行以下方法：

 

for (i=0;i<=3;i++)
        {
            var button = Ext.create( 'Ext.Button' , {
                text: 'Button' +i,
                id: 'rightButton' +i,
                margin: '20 0 0 0' ,
                handler: function ()
                {
                    alert( "dfdsfdsf" );
                }
            });
            Ext.getCmp( 'aaa' ).add(button);
        }

 

如此便可动态的添加button进入容器