ext 动态组件

最新推荐文章于 2023-03-14 23:03:27 发布

原创最新推荐文章于 2023-03-14 23:03:27 发布 · 114 阅读

CC 4.0 BY-SA版权

文章标签：

<script type="text/javascript">   
    Ext.BLANK_IMAGE_URL = 'js/ext2.0/resources/images/default/s.gif';   
    Ext.onReady(function() {   
        var button = new Ext.Button({ text:'add'});                                    
        var fieldSet = new Ext.form.FieldSet({                                 
                                title: 'add component',   
                                id : 'fieldSet',   
                                items :[{xtype:'textfield',   
                                         value: 'text',   
                                         fieldLabel: 'text'  
                                        }]                                 
        });   


        button.on('click', function(){   
            var one = new Ext.form.TextField({value : 'one',   
                         name : 'one'  
                    });                        
            Ext.getCmp('fieldSet').items.add(one);   
           // Ext.getCmp('fieldSet').render();   
            fieldSet.doLayout(true);


        });   



        var form1 = new Ext.FormPanel( {   
            labelWidth : 75,    
            frame : true,   
            bodyStyle : 'padding:5px 5px 0',   
            width : 350,   
            waitMsgTarget : true,              
            defaults : {   
                width : 150  
            },   
            defaultType : 'textfield',   
            items : [button,fieldSet]                          
        });   

        form1.render(document.body);   
});        
</script>