jstree 简单解决方案之节点换肤

这篇博客介绍了如何在jstree 0.99a版本中为节点换肤,通过设置`types`属性来定义不同类型的节点图标,并提供了一个针对IE6、7浏览器的Bug修复方案,该方案通过jQuery代码和修改CSS实现节点图标显示。
摘要由CSDN通过智能技术生成
写在前面 :
前一篇文章jstree 简单解决方案,主要讲了jstree的一些基本用法,在这里讨论一下jstree的节点换皮肤。
当然本文还是基于 jstree 0.99a 版本和 jquery-1.3.2.js为基础写的。


Js代码
1.<script type="text/javascript" src="jquery-1.3.2.js"></script>
2.<script type="text/javascript" src="jquery.tree.js"></script>
3.<script type="text/javascript" language="javascript">
4. <!--
5. $(function () {
6. $.ajaxSetup({cache:false});//ajax调用不使用缓存
7. $("#vcsTree").tree({//创建树开始
8. data : {
9. type : "json",//类型为json
10. async : true,//动态操作
11. opts : {
12. method : "get",
13. url : "async_json_data2.json"
14. }
15. },//end data
16. ui:{
17. theme_name : "classic"
18. },
19. lang:{
20. loading : "目录加载中……"
21. },
22. rules : {
23. type_attr : "rel", //设置节点类型
24. valid_children : "root" // 只有root节点才能作为顶级结点
25. },
26. types :{
27. "default" : {
28. clickable : true,
29. draggable : false //设置节点不可拖拽
30. },
31. "root" : {
32. valid_children : "folder", //设置下级节点类型,可是数组
33. icon : {
34. image : "root.png"//设置当前节点icon图片,路径
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值