原理很简单无非就是在一个容器上面选中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.create(
'Ext.Button'
, {
text:
'Button'
+i,
id:
'rightButton'
+i,
margin:
'20 0 0 0'
,
handler:
function
()
{
alert(
"dfdsfdsf"
);
}
});
Ext.getCmp(
'aaa'
).add(button);
}
|
如此便可动态的添加button进入容器