javascript - 使用 angular.treeview 和 Angular ui-sortable 将子节点拖放到父节点

标签 javascript angularjs treeview angular-ui

嗨,我是 angularjs 的新手,我正在使用这个 treeview 指令 angular.treeview与 Angular-ui ui-sortable 指令匹配

所以我修改了 angular.treeview.js 并将 ui-sortable 标签添加到 <ul>标签使其工作:

//tree template
            var template =
                '<ul ui-sortable>' +
                    '<li data-ng-repeat="node in ' + treeModel + '">' +
                        '<i class="collapsed" data-ng-show="node.' + nodeChildren + '.length && node.collapsed" data-ng-click="' + treeId + '.selectNodeHead(node)"></i>' +
                        '<i class="expanded" data-ng-show="node.' + nodeChildren + '.length && !node.collapsed" data-ng-click="' + treeId + '.selectNodeHead(node)"></i>' +
                        '<i class="normal" data-ng-hide="node.' + nodeChildren + '.length"></i> ' +
                        '<span data-ng-class="node.selected" data-ng-click="' + treeId + '.selectNodeLabel(node)">{{node.' + nodeLabel + '}}</span>' +
                        '<div data-ng-hide="node.collapsed" data-tree-id="' + treeId + '" data-tree-model="node.' + nodeChildren + '" data-node-id=' + nodeId + ' data-node-label=' + nodeLabel + ' data-node-children=' + nodeChildren + '></div>' +
                    '</li>' +
                '</ul>';

示例 fiddle :http://jsfiddle.net/zg3f9/1/

问题是我希望子节点可拖动到其父节点或其他节点。你们能帮我吗?谢谢!

最佳答案

为什么不使用已经支持此功能的库?喜欢angular-ui-tree ,或者,如果您想使用 HTML5 拖放 API,angular-drag-and-drop-lists

关于javascript - 使用 angular.treeview 和 Angular ui-sortable 将子节点拖放到父节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22220410/

相关文章:

javascript - 反转位 : why it's giving me a negative value?

PHP 移除 JavaScript

javascript - 将外部 "data.json"文件导入 javascript 变量

javascript - 通过 AngularJS 和 json 对象对测验进行评分

javascript - 如何使用 ng-model 显示输入元素的不同值?

mysql - 改进查询以填充 TreeView

javafx - JavaFX-在lambda中使用TreeView.EditEvent的参数类型不兼容

c# - 如何清理 TreeView 中具有相同 Text 属性的 "TreeNode"s?

javascript - 如何限制else语句? - Javascript 游戏

javascript - 在加载了 ngmap 的 map 上显示信息窗口