js中renderTo是什么意思

如题所述

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>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-08-20
原生的js中没有这个函数,一般这个函数的意思都是把效果渲染到dom节点
比如像extjs,echarts之类的,renderTo都只这个意思。
第2个回答  2010-11-05
这个是Extjs中的,请参考
http://www.javaeye.com/wiki/topic/579369本回答被提问者采纳
第3个回答  2010-11-05
谢谢 这个事例 我昨天看过 不是太明白里面的意思
第4个回答  2010-11-04
那是extjs里面的吧,请看ext的文档本回答被网友采纳
相似回答