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

最新推荐文章于 2023-07-10 14:41:27 发布

馥钰

最新推荐文章于 2023-07-10 14:41:27 发布

阅读量2k

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/liyanlei5858/article/details/12868313

版权

extjs 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

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

馥钰

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ExtJs中如何动态添加一个textfield的文本框

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">/> //改为自己的路径 //改为自己的路径 var oForm; var n = 0; Ext.onReady(function() { oForm = new Ext.FormPanel({
复制链接

扫一扫

专栏目录