jsTree - 禁用拖动选项

Question

如何禁用 jsTree 中的可拖动选项？我想禁用移动节点。我怎样才能实现这个目标？

Answer 1

它很简单。不要在插件中添加 dnd 选项

这包括拖动和拖拽。放置功能

"plugins": ["themes","html_data","dnd","ui","types"]

这将禁用拖放功能。删除功能

"plugins": ["themes","html_data","ui","types"]

Answer 2

不将“dnd”添加到类型中确实有效。
您还可以使用插件上的属性，这将禁用所有移动。

       dnd: {
            "is_draggable": function (node) {
                return false;  // flip switch here.
            }
        },

Answer 3

只需添加以下内容：

"default" : {
    draggable : false
},

它应该位于 types: 部分中。

Answer 4

这在新版本的 JSTree 中发生了变化。

我的做法（在 v1.0 中）是在 crrm 部分。我的 check_move 看起来像这样：

"check_move" : function (m) {
                    return (m.o.data("rel")=="itemsetting" ? false : true);
                }

modata("rel") 是获取被拖动节点的类型的方式。

这使得该类型的节点无法被拖动，无论该节点被拖动到哪里，都会给它一个 X 图标。

Answer 5

我想禁用拖放功能删除禁用的节点，这有效：

const config = {
  plugins: ['dnd', ...],
  dnd: {
    is_draggable: node => !node[0].state.disabled,
  },
}

Answer 6

is_draggable 属性似乎只能禁用将节点拖动到树内的其他位置。但节点仍然可以在页面上拖动。
因此，可以将节点拖到页面上的输入字段。

由于研究如何完全禁用拖动花了我一段时间，这对于偶然发现这个主题的其他人可能很有用。

您可以通过在事件上调用 PreventDefault() 来完全禁用拖动：

dnd: {
      "is_draggable": function (node) {
         e.preventDefault();
         return false;
      }
}

https://github.com/瓦卡塔/jstree/issues/1103