使用ExtJS创建树形面板-优快云博客

JS文件如下：

Ext.onReady(function(){
    
    var tree=new Ext.tree.TreePanel({
        title:"一棵树",  //树的名称���� 
        width:200,
        height:300,     
        loader:new Ext.tree.TreeLoader(),  
        root:new Ext.tree.AsyncTreeNode(
            {text:"树根",children:[{text:"叶子1",leaf:true},{text:"叶子2",leaf:true}]})
});
    tree.render("tree1");
    
});

HTML文件如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>window.html</title>
        
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css"
            href="ext/resources/css/ext-all.css" />
        <script type="text/javascript" src="ext/ext-base.js"></script>
        <script type="text/javascript" src="ext/ext-all.js"></script>
        <script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>
    </head>
    <body>
        <script type="text/javascript" src="js/tree.js"></script>
        <div id="tree1"></div>
    </body>
</html>

EXT实现一个树的小例子