ExtJS初级教程之ExtJS Tree(一)

        ExtJS是一款基于Ajax的web客户端框架，有着更加和漂亮友好的界面，今天起我就开始学习ExtJS了，下面我把我学习的过程与大家分享。

        我先学习我最近用到ExtJS Tree。下面我们开始写我们的第一个静态树。

     1、首先导入ExtJS提供的js和css文件。

  <link rel="stylesheet" type="text/css" href="../script/resources/css/ext-all.css" />

  <script type="text/javascript" src="../script/adapter/ext/ext-base.js"></script>

  <script type="text/javascript" src="../script/ext-all.js"></script>

  <script type="text/javascript" src="../script/locale/ext-lang-zh_CN.js"></script>

    注意导入顺序，这些文件都可以在extjs的源码包里找到。

     2、首先我们先要创建一个空的树面板，此时页面上是神马都显示不出来的。

//创建Tree面板 var tree = new Ext.tree.TreePanel({ //指定添加到的div el:'tree-div', });

     页面上应该有div的标签，因为我们写的树即将安插到这里。