javascript - jstree - 如何启用文件夹和文件操作？

Question

在 Rails 4.2.2 中，我正在实现 jstree 功能。脚本如下，

$('#tree').jstree({
 'core' : {
   'data' : {
     'url' : function (node) {
       return '/users/files/treedata.json'
     },
     'data' : function (node) {
       return { 'id' : node.id };
     }
   }
 }
});

生成的 JSON 数据就像

[{"id":1,"text":"Home","parent":"#","user_id":1,"asset_id":null,"root_node":true,"created_at":"2015-09-15T09:34:15.000Z","updated_at":"2015-09-15T09:34:15.000Z"},{"id":2,"text":"kishore","parent":"1","user_id":1,"asset_id":1,"root_node":false,"created_at":"2015-09-15T09:34:16.000Z","updated_at":"2015-09-15T09:34:16.000Z"}]

推荐人https://www.jstree.com

现在根节点和子节点都显示文件夹图标，如何更改子节点的图标？

另外如何启用文件夹和文件操作(“contextmenu”)功能？

Answer 1

要更改文件的图标，我们需要在 json 中指定“type”属性。

"type": "itsfile"

现在，在 jstree 脚本中，您需要启用 types 插件

"plugins": ["types"]

此外，您还需要指定更改所有type为itsfile的文件的图标。

"types": {
        "itsfile": {
        "icon": "jstree-icon jstree-file"
    }
}

这是推荐的方法。

另外，关于你的第二个问题，你需要以与我们对类型相同的方式启用上下文菜单插件。您需要将 contextmenu 添加到插件数组中。

我希望这对您和其他人有所帮助。