extjs insertAdjacentHTML为空或不是对象，求高手解决

这是html代码。。一打开浏览器就报那错<link rel="stylesheet" type="text/css" href="ext/ext-all.css">
  </head>
  <script type="text/javascript" src="ext/ext-all.js"></script>
   <script type="text/javascript" src="ext/ext-all-debug.js"></script>
  <script type="text/javascript" src="ext/bootstrap.js"></script>
  <script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>
  <body>
 <body>
    <script type="text/javascript">
  //监听浏览器窗口大小
  Ext.EventManager.onWindowResize(function(width,height){
alert("width:"+width+",height:"+height);
    });
  Ext.onReady(function(){
       var box = new Ext.BoxComponent( {   //设置BoxComponent属性的配置     
          el: 'box1',  
          style: 'background-color:red; position: absolute;',  
          pageX: 630,  
          pageY: 260,  
          width: 228,  
          height: 182  
      });  
      box.render();  
  });
   //面板
   var panel=new Ext.Panel({
    el:"panel",
    title:"test title",
    floating:true,
    draggable:true,
    collapsible:true,
    html:"test content",
    pageX:100,
    pageY:50,
    width:200,
    height:150
   });
   panel.render();
    </script>
    
    <input type="button" id="tests" value="test" >
     <div id="box1"></div>
<hr>
<div id="panel"></div>
  </body>

解决方案 »

  1.   

    //面板
      var panel=new Ext.Panel({
      el:"panel",
      title:"test title",
      floating:true,
      draggable:true,
      collapsible:true,
      html:"test content",
      pageX:100,
      pageY:50,
      width:200,
      height:150
      });
      panel.render();也要放到Ext.onReady里面吧？你调用panel的时候，<div id="panel"></div>还没加载出来呢
      

  2.   

    嗯嗯，谢谢。但是 在这句var box = new Ext.BoxComponent( { //设置BoxComponent属性的配置 
    的时候要报缺少对象。。
      

  3.   

    ??Ext.BoxComponent这个可以引发？