Ext组件渲染render的全过程

模板模式是设计模式中很重要的一个知识点，在面向对象设计中有着举足轻重的地位。

在Ext中更是发挥的淋漓尽致，为什么这么说呢？Ext中的组件有着很深的继承关系，很多方法都有着重复，而且不仅
是代码上的重复，更多的是流程上的重复
比方说，Ext.Panel吧，将一个Panel显示在浏览器中，其过程叫做render（渲染）。有这么几道工序：
第一、触发”beforeRender”事件
第二、得到这个Panel的父节点（针对DOM来说），即容器，也就是供Panel入住的那个容器
第三、设置rendered=true
第四、调用onRender方法，这步是最重要的，也就是如何将组件显示在浏览器上，涉及到很多流程，一会详解
第五、设置这个panel的css
第六、触发”render”事件，指的是当render完成后，触发的事件
第七、调用aferRender，这步和第四步一样，是很重要的流程之一
第八、看看要不要将这个panel隐藏或者失效，如果用户设置了hidden或者disable
第九、设置这个panel的位置，也就是doLayout，布局

再来，Ext.Panel的子类，Ext.TabPanel，也有这么几道工序：
第一、触发”beforeRender”事件
第二、得到这个Panel的父节点（针对DOM来说），即容器，也就是供Panel入住的那个容器
第三、