整合ztree的一些功能和demo演示

 ztree官网上有详细的API和演示demo，这里就不详细介绍了，只对用到的一些功能进行说明一下。

1、用到的几个js文件

jquery-1.4.4.min.js（jQuery的核心js）

jquery.ztree.core-3.5.js（ztree的核心js）

jquery.ztree.excheck-3.5.js（ztree的复选框功能js）

jquery.ztree.exedit-3.5.js（ztree的编辑功能js）

2、用的css文件

zTreeStyle.css（只有这一个css文件，控制ztree样式，当然可以在这个文件里扩展自己需要的样式）

3、用到的图片

zTree v3.x 将主要图标都合并为一个图片，利用图片切割方式显示图标

4、数据定义

use the simple data format（{"id":1, "pId":0, "name":"test1"}）

5、页面demo代码如下：

 

1. <link rel="stylesheet" href="css/zTreeStyle.css" />

2. <script type="text/javascript" src="js/jquery.ztree.core-3.5.js"></script>

3. <script type="text/javascript" src="js/jquery.ztree.excheck-3.5.js"></script>

4. <script type="text/javascript" src="js/jquery.ztree.exedit-3.5.js"></script>

5. <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

6. <SCRIPT type="text/javascript">

7. var dragId;var zTree_Menu;

8. var setting = {

9. view: {

10. addHoverDom: addHoverDom,

11. removeHoverDom: removeHoverDom,

12. selectedMulti: false,

13. showLine: false,

14. selectedMulti: false,

15. showIcon: false

16. },

17. edit: {

18. enable: true,

19. showRemoveBtn: setRemoveBtn,

20. removeTitle:"删除分类",