ExtJS [2.0.1/2.1] textfield实例调用destroy()没有清理所有内容的问题

今天做一个关于动态增减字段的功能,在调用text_field.destroy()的时候..发现输入框确实删了,可它的label竟然仍然留在那里(每次开发到半路总是出现这或那的问题..EXT真是的..#$^%^&%^&#@@XX)..

现在的解决办法一个是使用更加新版的ExtJS,另外一个办法就是重写源码了..重写代码贴在下面(注:不包括重写destroy(), show(), hide(), disable(), enable() )

 

[2.0.1/2.1] Field.destroy() on Fields rendered by FormLayout does not clean up.

1. Ext.override(Ext.layout.FormLayout, {
2.     renderItem : function(c, position, target){
3.         if(c && !c.rendered && c.isFormField && c.inputType != 'hidden'){
4.             var args = [
5.                 c.id, c.fieldLabel,
6.                 c.labelStyle||this.labelStyle||'',
7.                 this.elementStyle||'',
8.                 typeof c.labelSeparator == 'undefined' ? this.labelSeparator : c.labelSeparator,
9.                 (c.itemCls||this.container.itemCls||'') + (c.hideLabel ? ' x-hide-label' : ''),
10.                 c.clearCls || 'x-form-clear-left' 
11.             ];
12.             if(typeof position == 'number'){
13.                 position = target.dom.childNodes[position] || null;
14.             }
15.             if(position){
16.                 c.formItem = this.fieldTpl.insertBefore(position, args, true);
17.             }else{
18.                 c.formItem = this.fieldTpl.append(target, args, true);
19.             }
21.             // Remove the form layout wrapper on Field destroy.
22.             c.on('destroy', c.formItem.remove, c.formItem, {single: true});
23.             c.render('x-form-el-'+c.id);
24.         }else {
25.             Ext.layout.FormLayout.superclass.renderItem.apply(this, arguments);
26.         }
27.     }
28. });

参考: http://extjs.com/forum/showthread.php?t=25479