Question

Ext FormPanel 删除组件

Ext.form.FormPanel({
id: 'test',
region: 'north',
layout: 'column',
items:[{
columnWidth:0.5,
xtype:'field',
layout:'form',
hidden:true
}]
})
//添加组件
Ext.getCmp("test").add(new Ext.form.TextField(..............))
Ext.getCmp("test").add(new Ext.form.TextField(..............))
Ext.getCmp("test").add(new Ext.form.TextField(..............))
..............................................................
请问怎样删除所有添加的组件 添加的组件是不确定的所以不知道添加组件的因为是从数据库运态生成的，不可能通过remove方法来删除,我只想要清空id为test的FormPanel的items就可以了,谢谢各位
谢谢大家了。我已找到答案,可以全清除

Answer 1

function remove(){
var e = b.el.up( '.x-form-item' );
dynForm.remove( b );
e.remove();
dynForm.doLayout();

http://www.sencha.com/forum/showthread.php?18853-FormPanel-Dynamically-Add-Remove-Items-after-rendered

Answer 2

给你的items命个id就行了啊

var fo=Ext.form.FormPanel({
id: 'test',
region: 'north',
layout: 'column',
items:[{
id:'temp',
columnWidth:0.5,
xtype:'field',
layout:'form',
hidden:true
}]
})

调用 fo.remove('temp',true);
这样应该可以吧

Answer 3

我已经被程序整崩溃了