ExtJs中如何动态添加一个textfield的文本框

<!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>

你可能感兴趣的:(ExtJs中如何动态添加一个textfield的文本框)