howto:Extjs+SpringRoo 创建 可编辑树 第二部分 Jimmy
接 第一部分。
6、将 树状结构加入到 Portal页面当中。
6.1 增加依赖js文件
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255564663.png)
将文件从Easyphp页面复制到spring roo项目的文件夹中
6.2 修改默认的模板页
打开portal 文件夹中index.html文件。
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255576516.png)
复制选中部分到extjs.jspx文件
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255584988.png)
这里有两处需要修改,详情请见上图:
注释掉原页面的onReady事件,将新的onReady事件,加入到index_extjs.jspx页面当中
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255585512.png)
加入后也需要对其进行修改,效果如下:
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255582970.png)
7、修改功能导航中的树结构。
7.1 修改异步树加载的url。到webapp.js文件中,将第一部分 创建的树的 dataurl 字段、nocache字段和 requestMethod字段复制到DataCenter_Client_Webapp.js
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255595446.png)
7.2修改默认的rootnode 的id
id原来是source,现在改为1
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242255598477.png)
(注:这里如果不更改,默认会出错,错误可以通过httpwatch看到,我会在另外的文章写明如何查看和处理这样的错误)
8、给node模型增加href字段。
最后的效果是:
![](https://images.cnblogs.com/cnblogs_com/JimmyYu/201203/201203242256004234.png)
我们可以通过点击点