angularjs - Angular-ui-tree 在拖放时将节点保持在其级别

Question

如何防止子节点成为顶级节点并防止父节点被丢弃在另一个父节点下。我想允许重新排列子节点和父节点，但只允许它们下降到当前级别。

Answer 1

这可以通过向对应于项目级别的 ui-tree-node 元素添加数据类型属性来完成。然后通过检查树选项中节点的级别接受回调。

鉴于...

<li ng-repeat="i in items" ui-tree-node data-type="top-level">
</li>

在代码中...

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

                var source = sourceNodeScope.$element.attr('data-type');
                var dest = destNodesScope.$element.attr('data-type');

                if (source == 'child' && dest == 'top-level'){
                    //allow child nodes to be placed under top-level nodes
                    return true;
                }else{
                    return false;
                }
            }
        };