原理很简单无非就是在一个容器上面选中id,用容器的add方法将button循环加入。
现在我们来试一下
1.先定义一个Container组件用,以后在里面添加button
1 2 | xtype: 'container' , id: 'aaa' |
2.(lz使用的是mvc架构)在app.js的启动launch函数中执行以下方法:
1 2 3 4 5 6 7 8 9 10 11 12 13 | for (i=0;i<=3;i++) { var button 'Ext.Button' , text: 'Button' +i, id: 'rightButton' +i, margin: '20 , handler: function () { alert( "dfdsfdsf" ); } }); Ext.getCmp( 'aaa' ).add(button); } |
如此便可动态的添加button进入容器