Question

所以我现在已经使用jstree了一段时间，但仍然无法处理它，这很令人头痛但很好，我们决定要与之合作它。我使用的数据来自HTML（不涉及JSON）。我遇到的问题是，我不确定如何设置某些节点不是文件夹。每个节点都有一个类，并且基于该类，我能够更改它的图标，但如果用户试图在这些节点内发送任何不应该是文件夹的节点，他们就可以。我需要以某种方式阻止这种情况，但到目前为止我测试的每件事都根本不起作用。

$("jstree").jstree({
            "core": {
                "animation": 0,
                "check_callback": true
            },
            rules: { draggable: "all" },
            "dnd": {
                "drop_finish": function (data) {
                    if (data.o.attr("rel") === "ds") {
                        //update chart with new data here?
                        //using data.o.attr("id")
                    }
                },
                "drag_check": function (data) {
                    if (data.r.attr("rel") != "ds") {
                        return false;
                    }
                    return {
                        after: false,
                        before: false,
                        inside: true
                    };
                }
            },
            "crrm": {
                "move": {
                    "check_move": function (data) {
                        // alert(data.r.attr("id"));
                        if (data.r.attr("id") == "999") {
                            return false;
                        }
                        else {
                            return true;
                        }
                    }
                }
            },

            "plugins": ["dnd", "crrm"]
        });

这就是我用来创建树的东西。此外，我无法禁用拖放功能，因为如果用户需要移动某些项目，但显然用户不应该将某些内容拖动到非文件夹的任何内容中。

提前感谢您的帮助，

此致

阿德里安。

Answer 1

我使用Types插件jstree plugins完成了此操作。在那里，您可以定义节点类型并设置允许哪些类型为子节点的valid_children变量。这意味着用户也不能将受限类型的DnD节点放入节点。

在下面的例子中，我有一个＆＃34;书＆＃34;那可能有＆＃34;文件夹＆＃34;和＆＃34;文件＆＃34;节点作为孩子。＆＃34;文件＆＃34;类型不能包含任何子项，因为valid_children被定义为空。

    $('#' + tree_id)
  .jstree({
    'core' : {
      'check_callback' : true, //needed to enable create, remove, rename...  events
      "themes" : {
        "stripes" : true
      }
    },
    "types" : {
      "book" : {
        "valid_children" : ["folder", "file"],
        "icon" : "img/1397762742_book.png"

      },
      "folder" : {
        "valid_children" : ["folder", "file"],
        "icon" : "img/1397751666_folder.png"

      },
      "file" : {
        "valid_children" : [],
        "icon" : "img/1397752227_page.png"
      }
    },
    "contextmenu" : {
      "items" : customMenu
    },
    "plugins" : ["sort", "dnd", "contextmenu", "types"]

  });

添加新节点时可以设置type属性

tree.create_node("#", {
        "text" : "sample node",
        "type" : "file"
      });

或使用set_type函数。 API

jstree阻止将节点移动到子节点

1 个答案: