jsTree通过json数据初始化时,如何控制每个选项的图标(icon)显示

通过json数据控制jstree的图标(icon)样式,应该如何处理呢?要了解以下几点:

1.设置jstree图标(icon)的“总开关”。

在配置jstree时,通过“themes”插件的“icon”属性配置是否显示图标,值为true或者false,代码如下。设置为false时不显示图标;为true时,默认显示图标为文件夹图标。

            $("#myRightTree")
                .jstree({
		            "plugins" : [ 
			            "themes","json_data" 
		            ],
		            "themes":{
	                    "theme" : "classic",
	                    "dots" : true,
	                    "icons" : true
		            },
		            "json_data" : { 
			                "ajax" : {
				                "url" : "./departmentData.ashx",
				                "data" :0
				                }
		                }
	                }	  
	                  
            });//end jstree

 2. 通过json数据,控制图标的样式。jstree支持的json样式为如下。“icon”属性控制着节点图标的显示:值为"myClass"(不含字符"/")时,jstree判定为用户指定样式,即为对应的节点增加"myClass"样式;值为"a/123.gif"(含字符"/")时,判定为用户指定图片文件路径,即为对应的节点的css样式增加background-image:"a/123.gif"。

{
	"data": {
		"title": "节点文本"
		,"icon": "abc/a.jpg"
	}
	,"state": "open"
	,"attr": {"id": "cd7fe53f81024f8eb8b52e1a469e67ca"}
	,"children": [...这里是子节点的属性]
}

 

请网友们思考:如何实现jstree中,部分节点显示图标,部分不显示图标呢?^_^我也是在敲这篇博文是想到的方法,大家把答案贴上看看。

转载于:https://www.cnblogs.com/ayao/archive/2012/10/22/jstree_icon.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值