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

【问题标题】：jstree - How to enable the folder & file operations?jstree - 如何启用文件夹和文件操作？
【发布时间】：2015-12-11 13:17:55
【问题描述】：

在 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”）功能？

【问题讨论】：

标签： javascript jquery ruby-on-rails contextmenu jstree

【解决方案1】：

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

"type": "itsfile"

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

"plugins": ["types"]

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

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

这是推荐的方法。

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

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

【讨论】：

【解决方案2】：

根据manual：

要更改节点的图标，请使用icon 属性。

因此，要显示自定义图标，请相应地指定数据。

还有一个技巧，如果不需要任何图标，指定icon: false。

【讨论】：

好的。请告诉我icon 的值应该是多少，因为我已经尝试过添加它，但没有成功。 icon: ?? 用于文件夹和文件。