码迷,mamicode.com
首页 > Web开发 > 详细

JQuery/JS插件 jstree 设置节点的图标样式

时间:2020-03-06 13:01:00      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:color   style   子节点   pes   关联   dea   配置文件   node   节点   

 

 

方法一:

  1、在配置文件中增加预设样式

  技术图片

 

 

   

技术图片
            $("#plugins1").jstree({
                "checkbox": {
                    //"keep_selected_style": true//显示选中的样式
                    //"keep_selected_style": false,// 保持选中样式 true为保持,false为不保存,样式不影响功能
                    ‘three_state‘: true,//父子节点关联,true为关联,false为不关联
                    ‘tie_selection‘: false, //
                    ‘whole_node‘: false,//复选框与节点关联 true 为关联 false为不关联
                },
                "types": {
                    ‘nouser‘: {
                        "icon": ‘layui-icon layui-icon-ok‘
                    }
                },
                "plugins": ["checkbox", "types"],//加载插件 checkbox
                ‘core‘: {
                    ‘expand_selected_onload‘: true,//加载完成后默认展开所有选中节点true为选中 false为不展开
                    ‘themes‘: {
                        dots: true //取消连接线
                    },
                    ‘data‘: data
                }
            });
View Code

 

核心代码:

                "types": {
                    ‘nouser‘: {
                        "icon": ‘layui-icon layui-icon-ok‘
                    }
                },
                "plugins": ["types"],//加载插件 checkbox

 

 

  2、修改数据源,增加type字段

  技术图片

 

 

   

type: ‘nouser‘//设置图标类型

 

 

方法二:

  1、在配置文件中增加预设样式,跟方法一一样

  2、

  

            $(‘#plugins1‘).on("load_node.jstree", function (event, data) {
                var nodes = data.instance._model.data;
                for (var i in nodes) {
                    var node = nodes[i];
                    data.instance.set_type(node, ‘nouser‘);//关键代码
                }
            });

 

JQuery/JS插件 jstree 设置节点的图标样式

标签:color   style   子节点   pes   关联   dea   配置文件   node   节点   

原文地址:https://www.cnblogs.com/guxingy/p/12425775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!