Extjs关于tabpanel的 bug修改

 这篇文章主要是讲 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，就可以达到纯色效果