您的位置：首页 > Web前端 > JavaScript

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

2013-10-19 09:45 597 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航