我试图为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"]
});
}
由于某种原因,所有节点都显示默认文件夹图标。显然我错过了一些东西,但我无法弄清楚是什么。