javascript - 在 IE 中，从 Ext.form.FieldSet 中删除项目会导致 FieldSet 展开

Question

我有一个 ExtJS 项目，其中有一个 FieldSet，我需要动态地从中删除项目并替换为不同的项目。

但是，当我删除项目然后添加新项目时，FieldSet 每次都会稍微扩展，因此整个 FieldSet 会不断增长。

这只发生在 IE 中，而不是 Firefox 或 Chrome。

这是我的字段集...

var lonFields = new Ext.form.FieldSet({
        ref: '../../setLonFieldSet',
        layout: {
            type: 'table',
            columns: 2
        }
});

这是我引用它的地方，删除所有内容，然后添加新内容...

Ext.getCmp('maintainGeneratorsBatteriesViewport').setLonFieldSet.removeAll();
Ext.getCmp('maintainGeneratorsBatteriesViewport').setLonFieldSet.add(
                {html: "<b>Default Lon:</b>"}   
            );
Ext.getCmp('maintainGeneratorsBatteriesViewport').setLonFieldSet.add(
                {html: "<b>Default Lon:</b>"}   
            );

正如我所说，在 IE 中这会导致整个 FieldSet 的高度每次都会增长。

有什么建议吗？

提前致谢，蒂姆

Answer 1

试试这个:

var fieldSet = Ext.getCmp('your fieldset id');
fieldSet.removeAll(fieldSet.items);
fieldSet.doLayout();

完成此操作后，您可以添加新项目! :)