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
提交
取消