extjs3.0二周都解决不了的问题，老师也不会，苦求高手解脱，谢谢!

问题描述:1.我要做一个班级目录列表(最好是动态的)，当我单击目录中的某个条目时，将令一个网页显示在我的当前已定义好的层上显示,
         2.我的目录树现在是固定的，如何动态，后台代码怎么写
         3.当单击树的根或者枝或叶时，让另外一个网页加载进我当前窗口已经定义好的层上.
以下是代码:
         1.目录结构，在web工程下的webRoot下有js、css、images等文件，我的html与这些文件处于同一目录.
         2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head id="Head1" runat="server">
    <title>class_tree.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link  rel="stylesheet" type="text/css" href="css/ext-all.css"/>
    <script type="text/javascript" src="js/ext-base.js"></script>
    <script type="text/javascript" src="js/ext-all.js"></script>
    <style type="text/css">
 .tree{
    position:absolute;
    width:220px;
height:70%;
    border:0;
overflow:auto
    }
.class_album_content{
   position:absolute;
   width:850px;
   height:80%;
   top:0px;
   background:green;
   left:223px
   }
    </style>
    <script type="text/javascript">
var xmlHttp;
function createXmlHttp(){
if (window.XMLHttpRequest) 
   xmlHttp = new XMLHttpRequest();  
else 
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
function update(){
if(xmlHttp.readyState == 4){
  results = xmlHttp.responseText;
  linkdiv.innerHTML=results;
 }
}
function send(linkurl){
createXmlHttp();
xmlHttp.onreadystatechange = update;
xmlHttp.open("get",linkurl, true);
xmlHttp.send(null);
}
</script>
    <script type="text/javascript">
        Ext.onReady(function(){
            var tree=new Ext.tree.TreePanel({
                el:'tree',
                autoHeight:true
            });
            var root=new Ext.tree.TreeNode({text:'学员风采'});
            var year1  = new Ext.tree.TreeNode({text:'2011年'});
            var year1_class1 = new Ext.tree.TreeNode({text:'0918班'});
            var year1_class2 = new Ext.tree.TreeNode({text:'1024班'});
            var year1_class3 = new Ext.tree.TreeNode({text:'0305班'});
            var year1_class3_stu1 = new Ext.tree.TreeNode({text:'赵康'});
            var year1_class3_stu2 = new Ext.tree.TreeNode({text:'焦俊盈'});
            var year1_class3_stu3 = new Ext.tree.TreeNode({text:'韩建超'});
            var year2 = new Ext.tree.TreeNode({text:'2010年'});
            var year2_class1 = new Ext.tree.TreeNode({text:'0315班'});
            var year3 = new Ext.tree.TreeNode({text:'2009年'});
            var year3_class1 = new Ext.tree.TreeNode({text:'0801'});
            var year4 = new Ext.tree.TreeNode({text:'2008年'});
            year1.appendChild(year1_class1);
            year1.appendChild(year1_class2);
            year1_class3.appendChild(year1_class3_stu1);
            year1_class3.appendChild(year1_class3_stu2);
            year1_class3.appendChild(year1_class3_stu3);
            year1.appendChild(year1_class3);
            root.appendChild(year1);
            year2.appendChild(year2_class1);
            root.appendChild(year2);
            year3.appendChild(year3_class1);
            root.appendChild(year3);
            root.appendChild(year4);
            
            tree.setRootNode(root);
            
            tree.on("click",function(node){
                 
                 Ext.Msg.show({
                      title:'提示',
                      msg:"你单击了"+node,
                      animEl:node.ui.textNode
                 });
                 
                 
                 
                 
            });
            tree.render();
            
        });    </script>
  
  </head>
  
  <body>
         <!--显示班级目录的树-->
    <div id="tree" class="tree"></div>
         <!-- 要显示网页的层-->
    <div id="class_album_content" name="class_album_content" class="class_album_content"></div>
   
  </body>
</html>

解决方案 »

  1.   

    就是树形的加载啊。。 很简单的。。  网上很多demo的，自己都不去找下。。
      

  2.   

     java ：
    http://www.blogjava.net/usherlight/archive/2008/02/19/180590.html其他：
    Ext.onReady(function(){
        // shorthand
        var Tree = Ext.tree;    var tree = new Tree.TreePanel({
            useArrows: true,
            autoScroll: true,
            animate: true,
            enableDD: true,
            containerScroll: true,
            border: false,
            // auto create TreeLoader
            dataUrl: 'get-nodes.php', //如果C#语言的话 就改下后台类文件代码即可，反正都要传回来json格式的数据~        root: {
                nodeType: 'async',
                text: 'Ext JS',
                draggable: false,
                id: 'src'
            }
        });    // render the tree
        tree.render('tree-div');
        tree.getRootNode().expand();
    });