extjs中applyTo和renderTo的区别

这个问题迷惑了我很久，后来终于用IE的开发人员工具找到答案。

一个panel类似的容器extjs会生成三个部分--外层，中层，内层。
内层叫body 所有会用bodyStyle这个属性，而这一属性，也正是解决ie下autoscroll会产生横向滚动条这一问题的关键。
当使用了applyTo:'testId'之后extjs会以id为testId的div做为你new出来的容器的外层。
而使用renderTo:'testId'之后 extjs会生成新的外，中，内三层插入到id为testId的div内。
当renderTo和el同时配置的时候，extjs会做一个类似于先将new出来的容器applyTo el所指的元素，之后再把这个new出来的三层移到renderTo所指的div内。

关于ie下autoscroll会产生横向滚动条这一问题只要加上bodyStyle:'overflow-x:hidden'就好了。

header是单独的div属于中层。

我不会插入图片。就只能用写的了。