jstree不兼容的复选框和类型插件

时间:2015-11-25 11:01:03

标签: javascript jquery checkbox jstree

我在使用两个jstree插件时使用jstree javascript库创建一个树:

  • 复选框插件

  • 类型插件

以下是

的代码示例
var mydata=[
id: "1",
parent: "#",
text: "node1",
},
{
id: "2",
parent: "#",
text: "node2",
type: "nodeattribute",
}];

        $('#dqResultsJSTree').jstree(
                {
                    'core' : {
                        'themes' : {
                            'variant' : 'large',
                            'icons' : false,
                        },
                        'data' : mydata,
                    },
                    'types' : {
                            'nodeattribute' : {
                              'icon' : 'http://icons.iconarchive.com/icons/hydrattz/multipurpose-alphabet/24/Letter-A-lg-icon.png',
                            },
                     },
                    'checkbox' : {
                        cascade : "",
                        three_state : false,
                    },
                    'plugins' : [ 'checkbox', 'types'],
                });

我遇到的问题是该类型无效。 id = 2的节点不显示在nodeattribute类型中定义的图标。有没有人在使用复选框的同时使用此问题?

提前致谢。

来源:https://www.jstree.com/plugins/

1 个答案:

答案 0 :(得分:1)

您必须在jsTree配置的'icons': true部分设置core

我还修复了您的JSON - {中的第一个对象需要mydata

请参阅演示:JS Fiddle