角度ui-tree检测连接树之间的拖动事件

时间:2015-08-10 14:02:15

标签: javascript angularjs angular-ui-tree

我想检测从#1树拖动项目并将其放到树#2时的事件。在这种情况下,我想调用一个特定的http动作来保存它。我在一棵树内使用带有动作的掉落事件,但是当我在树之间移动物品时,我无法管理它。我试图找出事件中的差异' dest'和'来源'对象,但没有找到任何解决方案。

1 个答案:

答案 0 :(得分:1)

我解决了我的问题。我在树中添加了自定义data-tree-type属性

 <div ui-tree="treeOptions" id="tree-root" data-tree-type="mainTree" data-drag-delay="200">
        <ol ui-tree-nodes ng-model="data">
            <li ng-repeat="node in data" data-info="{{node.pageId}}" ui-tree-node ng-include="'nodes_renderer.html'"></li>
        </ol>
</div>

然后在指令uiTree的angular-ui-tree.js中添加了监视功能

scope.$watch(attrs.treeType, function (val) {
     scope.treeType = attrs.treeType;
});

现在我可以比较droped事件dest和源对象中的treeType属性。