这篇文章主要是讲 deferredRender 这个属性的。
bug描述：第一次进入页面之后没有问题，但是Tab来回切换之后每个items里的Panel就不加载了。
经过修改，问题找到。源代码如下：
Ext.onReady(function(){
Ext.QuickTips.init();
var
tabs2=new Ext.TabPanel(
{renderTo:main,
activeTab:0,
activeTab:1,
plain:true,
defaults:{autoHeight:true},
items:[
new
Ext.Panel(formDetail),
new
Ext.Panel(formHandle),
new
Ext.Panel(transcribeReply),
new
Ext.Panel(waitingUserList),
new
Ext.Panel(subFormList),
new
Ext.Panel(prtFormList),
new
Ext.Panel(attachmentList)
]
}
);
}
);
我在plain:true,之后 deferredRender:false,问题迎刃而解。
在创建Ext.TabPanel时deferredRender配置项经常会被忽略。该配置项的默认值是true。true表示只有在用户第一次访问选项卡时，该选项卡的panel才会被渲染。
所以当我们有可能使用脚本操作选项卡时，谨记将该配置项设置为false。
在FormPanel中使用TabPanel，如果在TabPanel中不定义deferredRender的值为false，那么，当你使用Load方法为Form加载数据，或使用setValue为没有激活过的Panel的控件赋值时，将会发生错误。
原因是，在默认设置下deferredRender为true，TabPanel并不会渲染所有Panel上的控件，只有在该Panel被激活时才渲染控件，所以当你为这些控件设置数据时，将会找不到这些控件，会出现错误。
因而，在FormPanel中使用TabPanel，一定要在TabPanel中设置deferredRender的值为false，强制TabPanel在Layout渲染时同时渲染所有Panel上的控件。
额外福利：
Ext.QuickTips.init();
这一行代码的意义：QuickTips的作用是读取标签中的ext:qtip属性，并为它赋予显示提示的动作。
renderTo 与
applyTo的区别：applyTo是将组件加在了指定元素之后，而renderTo则是加在指定元素之内
plain:true
一种使用简单的纯色样式，主要应用于Window样式上，此时只要此项的baseCls设置为x-plain，就可以达到纯色效果