Question

我有一个jsTree，我希望它的一些节点可以移动。无法移动根节点及其直接子节点。

我正在使用crrm并且它按预期工作但它仍然允许我拖动所有节点，甚至那些无法在任何地方丢弃的节点（紧接在根之下）。我根本不希望它们是可拖动的，即用户根本不能接受它们。

Answer 1

在当前版本的jsTree（3.0.8）中，您可以这样做：

$('#my_jstree')
            .jstree({
                "core" : {
                    "check_callback" : true
                },
                "dnd" : {
                    "is_draggable" : function(node) {
                        console.log('is_draggable called: ', node[0]);
                        if (node[0].type != 'MY-DRAGGABLE-TYPE') {
                            alert('this type is not draggable');
                            return false;
                        }
                        return true;
                    }
                },
                "types" : {
                    "default" : {
                        "icon" : "glyphicon glyphicon-flash"
                    },
                    "MY-DRAGGABLE-TYPE" : {
                        "icon" : "glyphicon glyphicon-info-sign"
                    }
                },
                "plugins" : [ "dnd", "types" ]})

使用is_draggable函数和类型插件来控制可以拖动的内容。如果你想看到我使用的图标包括bootstrap的glyphicons样式表。这里的代码假设您已经在HTML中拥有了jstree的div和列表。如果有人不能理解上面的代码，我会发布一个plunkr。

编辑 - 防止丢弃这样做：

"core" : {
                    "check_callback" : function(operation, node, node_parent, node_position, more) {
                        if (operation == 'move_node') {
                            console.log(node_parent);
                            if (node_parent.type == 'MY-DROPPABLE-TYPE') {
                                return true
                            } else
                                return false;
                        }
                    }
                },

使用check_callback函数来筛选dropable的类型。使用node_parent获取droppable。

Answer 2

提出类似的问题，看看我的答案： dnd, how to restrict dropping to certain node types?

crrm.move.check_move函数需要进行某种类型的气味测试。你的情况，这将是根和第一个孩子。

Answer 3

我认为您需要的是drag_check

 "dnd"  :   {

        "drop_target"   :   false,


        "drag_check"    :   function(data)

        {  
          if( data.r.attr("id") ==  ... ) 
                    return false;
           //if you want to enable drag for certain nodes  return following
           return {
                    after : true,
                    before : false,
                    inside : false
                }
          }

jsTree禁用移动某些节点

3 个答案: