如何使用jstree中的类型设置图标?

时间:2016-04-08 21:37:17

标签: javascript jquery types icons jstree

我试图为jstree中的不同节点设置不同的图标。我不需要提供自己的图像文件,jstree附带的图像文件也能正常工作。

以下是我提供的JSON字符串的一部分。

[{"id":"cb70bc8b-dcde-4c54-b69e-6cc331212cf1",
  "text":"Internal Reports",
  "type":"folder",
  "state":{"opened":false,"selected":false,"disabled":true},
  "children":
    [{"id":"7eac0622-f915-40b0-bb8b-00bf8fbe55a9",
      "text":"Client Service Center",
      "type":"folder",
      "state":{"opened":false,"selected":false,"disabled":true},
      "children":
        [{"id":"6a5a9552-f021-472e-b166-ff1ef4e00328",
          "text":"Navigator Report",
          "type":"file",
          "state":{"opened":false,"selected":false}
        }]
    }]
}]

注意前两个父母的类型设置为"文件夹"而最后一个孩子的文件类型为#34;。

这是我的jquery函数

    function reportJsonLoaded(response) {
        $("#ReportTree").jstree({
            'core': {
                'data': response
            },
            'types': {
                "folder": {
                    "icon": "jstree-icon jstree-folder"
                },
                "file": {
                    "icon": "jstree-icon jstree-file"
                }

            },
            "plugins": ["types"]
        });
    }

由于某种原因,所有节点都显示默认文件夹图标。显然我错过了一些东西,但我无法弄清楚是什么。

0 个答案:

没有答案