js中renderTo是什么意思
2 回答
慕桂英546537
TA贡献1848条经验 获得超10个赞
12345678910111213141516171819202122232425262728293031323334353637 | renderto的作用:指明控件要渲染的节点的,每一个控件都要指明该控件需要渲染到哪一个DOM节点。 renderTo的使用: 1、可以有el配置选项。 2、如果有el配置选项,则其指向的el元素充当了模板,并且必须存在。 3、renderTo所指向的el元素将作为对象渲染的入口,即render所产生的html代码将作为renderTo所指向的el元素的子节点。 4、如果有el配置选项,那么render会将el配置选项所指向的el元素作为模板然后产生html代码作为renderTo所指向的el元素的子节点。 5、示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" > < title >applyTo与renderTo的区别</ title > < link rel = "stylesheet" type = "text/css" href = "../scripts/ext/resources/css/ext-all.css" /> < script type = "text/javascript" src = "../scripts/ext/adapter/ext/ext-base.js" ></ script > < script type = "text/javascript" src = "../scripts/ext/ext-all.js" ></ script > < script type = "text/javascript" > Ext.onReady(function(){ var _panel = new Ext.Panel({ title:"个人信息", //title信息 width:300, //定义宽 height:300, //定义高 frame:true, el:"elId", renderTo:"appConId" //renderTo 的ID }); }); </ script > </ head > < body > < div id = "appId" style = "padding:30px;width:500px;height:400px;background-color: blue;" > < div id = "appConId" style = "width:400px;height:400px;background-color:green;" ></ div > </ div > < div id = "elId" style = "width:500px;height:400px;background-color:red;" > </ div > </ body > </ html > |
添加回答
举报
0/150
提交
取消