Extjs4.0 动态添加本框 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/><script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="extjs/ext-all.js"></script><script>var oForm;
var n=0;
Ext.onReady(function(){
    oForm    =new Ext.FormPanel({
        renderTo:"form_panel",
        layout:"form",
        hideLabels:false,
        border:false,
        labelAlign:"right",
        labelWidth:70,
        items:[
            {xtype:'button',text:'click',listeners:{
                click:function(){
                    n++;
                    var fd =new Ext.form.TextField({name:'xx'+n,id:'xx'+n,fieldLabel:'field'+n});
                    oForm.items.add(oForm.items.getCount(), fd);
                    oForm.doLayout();
                }
            }}
        ]
    });
});

</script><div id="form_panel"></div>
posted @ 2012-05-11 12:19  Mable  Views(224)  Comments(0)    收藏  举报