xtree在rails下的应用

如果你想以树形结构简单地表示某种层次关系，每个层次的结点是链接或不是链接（如果不是，要对xtree2.js稍作修改）。
那么xtree将是一个不错的选择，它是用javascript实现的。
1.下载xtree2
  下载地址:http://webfx.eae.net/dhtml/xtree2b/
  下载文件:js/xtree2.js,js/xloadtree2.js,css/xtree2.css,以及images/*.*
  然后，把xtree2.js,xloadtree2.js放置在你的项目的public/javascripts目录中，
  把xtree2.css放在public/stylesheets目录中,把所有的图片文件放置在你的项目的public/images目录中

 

2.修改本地的xtree2
  a.把本地的xtree2.js,xloadtree2.js,xtree2.css文件中的"images/"字串，全部替换成"/images/"字串
  b.把xtree2.js中的配置usePersistence: true改成usePersistence: false

 

3.编写代码
   在需要树形结构的地方加如下的代码：
   <script id="testscript" language="javascript" type="text/javascript" data="2">                  
     var tree = new WebFXLoadTree("Cool Tree");
     tree.add(new WebFXTreeItem('结点上显示的文本',[链接]，[父结点]，[图标]，[展开时图标]));
     tree.add(new WebFXTreeItem('Tree Item 2'));
     tree.add(new WebFXTreeItem('Tree Item 3'));
     var folder = new WebFXTreeItem('4');
     tree.add(folder);
     tree.write();              
  </script>

 

4.在rhtml的head中加入
<%= javascript_include_tag "xtree2"%>
<%= javascript_include_tag "xloadtree2"%>