Sencha Touch 2中如何动态添加button

原创

fyq891014 2023-03-16 09:43:22 博主文章分类：Sencha Touch2 ©著作权

©著作权归作者所有：来自51CTO博客作者fyq891014的原创作品，请联系作者获取转载授权，否则将追究法律责任

原理很简单无非就是在一个容器上面选中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);       


                 }