EXTJS 静态树问题

编写一个树形菜单页面,代码如下:

var root=new Ext.tree.AsyncTreeNode({
    id:"root",
    text:"根节点",
    expanded : true,
    children:[{
      text:"系统管理",        
      children:[
       {text:"用户管理",leaf:true},
       {text:"角色管理",leaf:true},         
       {text:"公告管理",leaf:true}
      ]
     }]
   });
//菜单树
var menuTree = new Ext.tree.TreePanel({
region: 'west',
useArrows: true,
autoScroll: true,
animate: true,
containerScroll: true,
width: 200,
split: true,
title: '<center>系统菜单</center>',
collapsible: true,
rootVisible: false,
root: root
});
//打开菜单树
 menuTree.getRootNode().expand(true);

 

…………

…………

 

//用户UI主面板

var mainPanel = new Ext.TabPanel(

…………

…………

);

 

 

//用户界面

var mainViewPanel = new Ext.Viewport({

layout: 'border',

items: [menuTree,,mainPanel]

});

 

 

 

这段代码页面报错:SCRIPT5007: 无法获取属性“insertAdjacentHTML”的值: 对象为 null 或未定义 

                         ext-all.js, 行127 字符4

 

而去掉 menuTree.getRootNode().expand(true);这句代码则不会报错,请问是什么原因?

 

把这行代码menuTree.getRootNode().expand(true); 放到
var mainViewPanel = new Ext.Viewport({

    layout: 'border',

    items: [menuTree,,mainPanel]

}); 后面 

就是
var mainViewPanel = new Ext.Viewport({

    layout: 'border',

    items: [menuTree,,mainPanel]

});

menuTree.getRootNode().expand(true);