js中renderTo是什么意思?

js中renderTo是什么意思


料青山看我应如是
浏览 1032回答 2
2回答

慕桂英546537

12345678910111213141516171819202122232425262728293031323334353637renderto的作用:指明控件要渲染的节点的,每一个控件都要指明该控件需要渲染到哪一个DOM节点。  renderTo的使用:  1、可以有el配置选项。  2、如果有el配置选项,则其指向的el元素充当了模板,并且必须存在。  3、renderTo所指向的el元素将作为对象渲染的入口,即render所产生的html代码将作为renderTo所指向的el元素的子节点。  4、如果有el配置选项,那么render会将el配置选项所指向的el元素作为模板然后产生html代码作为renderTo所指向的el元素的子节点。  5、示例代码:  <!DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;"-//W3C//DTD&nbsp;HTML&nbsp;4.01&nbsp;Transitional//EN"&nbsp;"&nbsp;  <html>  <head>  <meta&nbsp;http-equiv="Content-Type"&nbsp;content="text/html;&nbsp;charset=utf-8">  <title>applyTo与renderTo的区别</title>  <link&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;href="../scripts/ext/resources/css/ext-all.css"/>  <script&nbsp;type="text/javascript"&nbsp;src="../scripts/ext/adapter/ext/ext-base.js"></script>  <script&nbsp;type="text/javascript"&nbsp;src="../scripts/ext/ext-all.js"></script>  <script&nbsp;type="text/javascript">  Ext.onReady(function(){&nbsp;&nbsp;&nbsp;&nbsp;  var&nbsp;_panel&nbsp;=&nbsp;new&nbsp;Ext.Panel({&nbsp;&nbsp;&nbsp;&nbsp;  title:"个人信息",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//title信息&nbsp;&nbsp;&nbsp;&nbsp;  width:300,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//定义宽&nbsp;&nbsp;&nbsp;&nbsp;  height:300,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//定义高&nbsp;&nbsp;&nbsp;&nbsp;  frame:true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  el:"elId",&nbsp;&nbsp;&nbsp;&nbsp;  renderTo:"appConId"&nbsp;&nbsp;&nbsp;&nbsp;//renderTo&nbsp;的ID&nbsp;&nbsp;&nbsp;&nbsp;  });  });  </script>  </head>  <body>&nbsp;&nbsp;&nbsp;&nbsp;  <div&nbsp;id="appId"&nbsp;style="padding:30px;width:500px;height:400px;background-color:&nbsp;blue;">&nbsp;&nbsp;&nbsp;&nbsp;  <div&nbsp;id="appConId"&nbsp;style="width:400px;height:400px;background-color:green;"></div>&nbsp;&nbsp;&nbsp;&nbsp;  </div>&nbsp;&nbsp;&nbsp;&nbsp;  <div&nbsp;id="elId"&nbsp;style="width:500px;height:400px;background-color:red;">&nbsp;&nbsp;&nbsp;&nbsp;  </div>  </body>  </html>
打开App,查看更多内容
随时随地看视频慕课网APP