Angular UI树 - 仅允许拖放到第二级(子节点)

3

我目前正在使用Angular UI Tree

我的目标是:

     [
          {
            "id": 1,
            "title": "class1",
            "students": [
              {
                "id": 11,
                "title": "student1.1",
              },
              {
                "id": 12,
                "title": "student1.2"
              }
            ]
          },
          {
            "id": 2,
            "title": "class2",
            "students": []
          },
          {
            "id": 3,
            "title": "class3",
            "students": [
              {
                "id": 31,
                "title": "student3.1"
              }
            ]
          }
        ]

我希望实现的目标是允许学生在班级内进行拖放操作(班级不一定可拖动,学生也不必仅被拖放到第一级(班级),而是可以被拖放到第二级(学生))。

使用Angular UI Tree是否能够实现这个目标?

1个回答

4

我最终做成了这样:

我检查目标作用域,确保父级仍然是uiTreeNode。

在控制器中:

$scope.treeOptions = {
    accept: function(sourceNodeScope, destNodesScope, destIndex) {

        if (destNodesScope.$parent.$type === "uiTreeNode"){
                return true;
        }else{
            return false;
        }

    }
  };

并且在视图中:

<div ui-tree="treeOptions">

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接