applyTo、renderTo 区别

applyTo、renderTo两个属性的作用都是指定控件渲染到那个dom，他们之间到底有啥区别呢（区别肯定有的，要不不可能共存的）

我们先假设我们渲染的 dom模型为 domP为父节点，它下边有两个子节点(domc1、domc2)可能有的朋友看了不是很明白，转成DIV可能直观些

<div id="domp"><div id="domc1"></div><div id="domc2"></div>
</div>

大概就是这个意思了，要你还没看明白，哥也没法子了，不知道怎么讲能更直白些....

假如我们定义了个 panel

applyTo:'domp'：将 panel渲染到domp,domp的某些信息可能会被改写,注意，哥说的是可能，不是肯定，为什么这样说呢。假如在 domp 中定义了宽度width的信息，在 panel中也定义了，此时domp的宽度信息将被改写；如果domp 中定义了高度 height 的信息，而panel中没定义，这时，domp的信息就不会被改写了的；上边说的是domp的信息部分；再接着说添加顺序的问题。

panel这东西，分头head,跟体body两部分。渲染的规则，头将做为 domp 的第一个子节点被添加上，而体则做为最后个结点被添加上，渲染后， domp的dom模型就变成下边这样子了

<div id="domp"><head>...</head>   --头部代码添加在此<div id="domc1"></div><div id="domc2"></div><body>...</body>  --体部代码添加在此
</div>

renderTo:'domp'：将domp做为父节点，整个panel(一个容器DIV+head+body)作为其最后个子节点被添加上,这样的话，domp 的任何信息都不会被改变这是其一，添加顺序也简单多了

<div id="domp"><div id="domc1"></div><div id="domc2"></div><div  ...>  --新创建的panel DIV...中包括什么ID，样式的信息<head>...</head>   --panel的头部码<body>...</body>  --panel的体部代码</div>
</div>

其他的控件可能只有 body 这部分，添加顺序更简单了，你应该懂得！哥就不说了

也可能除了 head、body、还有什么别的部分，自己试下就知道了，不知道你看到这里看明白哥想说的意思了没(哥的表达很有问题，真的！)

applyTo、renderTo 区别相关推荐

Extjs学习笔记之五——一个小细节renderTo和applyTo的区别作者：Katmaier 来源：博客园
件有两个看起来类似的配置项,applyTo和renderTo,这两个配置项都是用来指定将该extjs组件加载到什么位置.那他们到底有什么区别呢,网上搜了下,有两篇博文也是关于这个的, ExtJS中的r ...
[Ext JS 4] contentEL,renderTo, applyTo 释义与区别
前言经常使用contentEL,renderTo, applyTo 来增加HTML元素或是Ext JS 组件,这几个之间有什么关系,为什么Ext JS要提供这几种不同的方式? 官方解释 Conten ...
对applyTo和renderTo的理解和思考
extjs中经常会用到renderTo或applyTo配置选项.这里,我就比较下两者的区别与用法. 1.renderTo与render方法对应 2.applyTo与applyToMarkup方法对应 ...
applyTo和renderTo配置项
对于applyTo和renderTo,我们在Ext 2.0的官方文档上可以看到, [quote]applyTo : Mixed The id of the node, a DOM node or an ...
[转]ExtJs基础--Html DOM、Ext Element及Component三者之间的区别
要学习及应用好Ext框架,必须需要理解Html DOM.Ext Element及Component三者之间的区别. 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM ...
ExtJS中listener方法和handler方法的区别
listener方法和handler方法的区别在文档中的说明的太玄乎了,看不懂 listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数而handler处理只能够通过 ...
Ext中的get、getDom、getCmp、getBody、getDoc的区别
Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM.得到当前文档中的组件.得到Ext元素等,在使用中要注意区别使用. 1.get方法 get方法用来得到一个Ext元素,也就是类型为 ...
RPC 笔记（01）— RPC概念、调用流程、RPC 与 Restful API 区别
1. 基本概念 PRC 远程过程调用 Remote Procedure Call,其就是一个节点请求另外一个节点提供的服务.当两个物理分离的子系统需要建立逻辑上的关联时,RPC 是牵线搭桥的常见技术手 ...
C++ 笔记（28）— C++ 中 NULL和 nullptr 的区别
最近看公司代码的时候发现在判断指针是否为空的时候,有的时候用的是 NULL, 有的时候用的是 nullptr 感觉很奇怪,好奇心驱使我查了下两者的区别,发现还是有很多细节需要学习的. 1. NULL ...
gcc 和 g++ 的联系和区别，使用 gcc 编译 c++
GCC 编译器已经为我们提供了调用它的接口,对于 C 语言或者 C++ 程序,可以通过执行 gcc 或者 g++ 指令来调用 GCC 编译器. 实际使用中我们更习惯使用 gcc 指令编译 C 语言程序 ...

applyTo、renderTo 区别

applyTo、renderTo 区别相关推荐

最新文章

热门文章