Sencha Touch 2中如何动态添加button

原理很简单无非就是在一个容器上面选中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++)
        {
            varbutton = 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进入容器

posted @ 2013-08-30 11:09  范永强  阅读(208)  评论(0)  编辑  收藏  举报