今天写了个小extjs--tree

首先需要一个tree面板,就好像画图需要图纸.

　　var tree = new Ext.tree.TreePanel({
     　　el:'tree',//告之渲染路径--就是要把tree画在html的哪个地方
    　　// loader:new Ext.tree.TreePanel({dateUrl:'../text/01-04-02.txt'})
    });

其次,tree当然得有根了,

　　var root = new Ext.tree.AsyncTreeNode({text:'老子是根'});

　　tree.setRootNode(root);//将root设为tree的根节点.

 

再次,最后一步把tree画在(渲染)html上

　　tree.render();

 

html中<div id="tree" style="height:300px"></div>

 

可是写到后面想加载txt中的数据时,产生奇怪现象.在展开根节点时,没相应,具体现象:根节点为文件夹样子,鼠标一点,文件夹变为等待图片,等了半天还是老样子,郁闷----后来搞定了,某个地方语法错误.

经验:几次都是响应老半天,都是js中的语法或者某个地方单词写错.

 

呵呵,20:18的时候请了个高手帮我远程看了下,

var tree = new Ext.tree.TreePanel({
     el:'tree',
     loader:new Ext.tree.TreeLoader({dataUrl: '01-04-02.txt'})
    });

var root = new Ext.tree.AsyncTreeNode({
     text:'老子是根'

　　children:[]
    });

如果在children中写节点和叶子,打开html页面没问题.但是如果是dataUrl引入的数据就没办法解析了.后来经过高手的调试正常,得出错误原因:一,没有部署,二,没有开服务器,dataUrl为请求路径.既然服务器都没开,就没有谁通过路径取得txt数据