没看你的<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TabPanel和Tree控件搭配使用</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" /> 
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>   
<script type="text/javascript" src="ext/ext-all.js"></script>   
<script type="text/javascript">Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';</script>
<script type="text/javascript">//左边功能树
var menuTree = new Ext.tree.TreePanel({
   region:'west',
   title:'功能菜单',
   width:180,
   minSize:150,
   maxSize:200,
   split:true,
   autoScroll:true,
   autoHeight:false,
   collapsible:true,
   rootVisable:false, //不显示根节点
   root:new Ext.tree.TreeNode({
      id:'root',
      text:'功能菜单',
      draggable:false,
      expanded:true
   })
});//添加第一个节点(html)
menuTree.root.appendChild(new Ext.tree.TreeNode({
   id:'htmlPanel',
   text:'通过html打开',
   listeners:{
      'click':function(node, event) {
         event.stopEvent();
         var n = contentPanel.getComponent(node.id);
         if (!n) { //判断是否已经打开该面板
            n = contentPanel.add({
               'id':node.id,
               'title':node.text,
               closable:true,  //通过html载入目标页
               html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="iframe.html"></iframe>'
            });
         }
         contentPanel.setActiveTab(n);
      }
   }
}));//添加第二个节点(autoLoad)
menuTree.root.appendChild(new Ext.tree.TreeNode({
   id:'autoLoadPanel',
   text:'通过autoLoad打开',
   listeners:{
      'click':function(node, event) {
         event.stopEvent();
         var n = contentPanel.getComponent(node.id);
         if (!n) { ////判断是否已经打开该面板
            n = contentPanel.add({
               'id':node.id,
               'title':node.text,
               closable:true,
               autoLoad:{url:'auto.php', scripts:true} //通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
            });
         }
         contentPanel.setActiveTab(n);
      }
   }
}));//右边具体功能面板区
var contentPanel = new Ext.TabPanel({
   region:'center',
   enableTabScroll:true,
   activeTab:0,
   items:[{
      id:'homePage',
      title:'首页',
      autoScroll:true,
      html:'<div style="position:absolute;color:#ff0000;top:40%;left:40%;">Tree控件和TabPanel控件结合功能演示</div>'
   }]
});Ext.onReady(function(){
   new Ext.Viewport({
      layout:'border', //使用border布局
      defaults:{activeItem:0},
      items:[menuTree, contentPanel]
   });
});
</script>
</head>
<body>
</body>

解决方案 »

  1.   

    十分感谢楼上的兄弟(虽然你没有排除代码的错误),还有一个小的疑问要请教
    Quote:
    autoLoad:{url:'auto.php', scripts:true}[/qutoe]
    如果改成下边的样子
    autoLoad:{url:'http://www.baidu.com', scripts:true} 
    在页面打开百度时,百度显示的是乱码?
      

  2.   


    我载入的是百度的url,不是自己的页面,编码如何设置
      

  3.   

    推荐大家一个中文站点: www.extjs.cn