zoukankan      html  css  js  c++  java
  • 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中,部分节点显示图标,部分不显示图标呢?^_^我也是在敲这篇博文是想到的方法,大家把答案贴上看看。

  • 相关阅读:
    用sed删除空行
    烂泥:php5.6源码安装及php-fpm配置
    linux系统vsftpd登陆慢卡怎么办
    Linux Vsftpd 连接超时解决方法
    linux中shell截取字符串方法总结
    运算符
    数据类型
    is null 和=null的区别
    DML
    DDL
  • 原文地址:https://www.cnblogs.com/ayao/p/jstree_icon.html
Copyright © 2011-2022 走看看