htmleditor和textField同时存在于tablepanel中同一个tab里的显示问题

我想把htmleditor和textfield同时放在一个tabpanel应该是很常见的需求吧。

今天我这样做了，却遇到一个问题。现象是这样的：

当htmleditor和textfield同时在一个tab里面时，textField不会被显示，而只显示htmleditor.

当把该页设置为active，并且调用该tab的doLayout(true)时，textField会被显示，而且配置和调用缺一不可！

后来找了很久的原因，终于在其他人的代码中发现一个配置项解决了我的问题：layoutOnTabChange: true,是tabPanel的配置。

全部的代码如下，

有兴趣你可以试试，更希望给遇到同样问题的朋友一些帮助。<script language="javascript" type="text/javascript"> Ext.QuickTips.init(); Ext.onReady(OnReady); function OnReady() { var panel = new Ext.Panel({ title: 'Person Info3', layout: 'column', frame: true, items: [ { //columnWidth: 1, height: 100, layout: 'form', items: [ { xtype: 'textfield', fieldLabel: 'First Name3', id: 'first3' }, { xtype: 'textfield', fieldLabel: 'Company', id: 'company3' } ] } , { xtype: 'htmleditor', id: 'bio3', fieldLabel: 'Biography', height: 100 } ] }); var tabPanel = new Ext.TabPanel( { title: 'Head', width: 500, height: 200, activeTab: 0, animScroll: true, enableTabScroll: true, renderTo: 'tab', //deferredRender: false, layoutOnTabChange: true, items: [ { title: 'tab1', html: 'tab1' }, panel ] } ); //panel.doLayout(true); }