问题标签 [angular-ui-tree]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
567 浏览

angularjs - 如何删除角树中的节点

我需要删除使用链接 http://jsfiddle.net/brendanowen/uXbn6/8/构建的层次结构树中的一个节点

解释的删除选项仅删除子节点。

但我需要删除父节点(数据)本身。我试过 $scope.data.splice($index,1) 只在第一级删除对象。拼接和过滤无助于删除层次结构中的层次级别节点(例如级别 3 的节点)。我的层次结构级别为 8。如何处理这个逻辑?请帮忙。

0 投票
0 回答
1179 浏览

angularjs - 如何扩展默认的 Angular UI 树节点

我有以下标记:

包含位置数据的 JSON 数据对象是 Places 的分层集合:

当我从 API 取回 JSON 时,我需要处理数据以确保所有节点都是数组。我这样做:

现在,当显示模式时,数据正确显示并且树按预期工作。唯一的问题是,我想默认将树扩展到用户的默认位置的节点。我按照以下逻辑做到这一点:

onFinishRender 指令(调试代码显示这是命中):

ngRepeatFinished 函数如下:

现在,这就是我的问题:

首先在angular.element(document.getElementById("tree-root")).scope().$nodesScope.childNodes()[0]代码中,“childNodes()”为空。根本不存在子节点。因此,代码没有什么可折叠或扩展的。我不知道为什么 childNodes 集合是空的。

其次,一旦弄清楚这一点,我就可以看到特定节点的实际 NodeId 是什么,然后能够使用 $scope.defaultPlace 对象将树扩展到该节点。

本质上,我只需要知道为什么 childNodes 集合是空的。

0 投票
1 回答
882 浏览

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

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

0 投票
0 回答
820 浏览

angularjs - 角 (2) 树。双击问题。不能正常工作。

双击角树组件不起作用,这是我尝试使用的代码示例。我是否需要在我的代码中编写其他任何内容才能正常工作?请帮我解决这个问题。谢谢你。

0 投票
0 回答
67 浏览

angularjs - AngularJS UI 树 - 整个树的单个标题

我在我的 PUG 模板上使用 AngularJS UI 树,我需要第一个节点充当其他节点的标题,这些节点将位于此标题内。

目前我正在这样做:

如您所见,我将控制器上的标头包装在一个数组中,如下所示:_self.header = [$scope.categoriesHeader];并将其传递给 my ng-modeland ng-repeat

有没有不使用的更清洁的解决方案ng-repeat(因为它总是一个标题),所以我仍然可以使用标题作为我树的第一个节点?

0 投票
0 回答
154 浏览

angularjs - 更新列表后,angular-ui-tree 行为异常

根据手册,我使用 angular-ui-tree 模块对列表进行排序。一旦删除了一个项目,就会有一个列表发送到后端服务,它会保存新的排序顺序。

但是 - 一旦保存过程完成,就会触发一个事件(我连接到一个 WebSockets 服务器,一旦内容更新就会发出一个事件,同时发送新内容)。由于某些情况,它可能会给出一个稍微修改的列表。因此,一旦事件被触发,我将 vm.myList 替换为新内容。

当我现在再次更改顺序时,我总是得到“旧”列表, vm.myList 确实显示正确,但显然没有被丢弃功能。

有人知道我在这里想念什么吗?非常感谢!

0 投票
0 回答
48 浏览

javascript - 按键总和所有节点

anglar-ui-tree在我的项目中使用。

如何companyEstimatedEarning对每个节点求和?

例如company 1.1.1- total=5, company 1.1- total=18, company 1-total=53

0 投票
0 回答
70 浏览

angularjs - angular-ui-tree 不适用于超过 9 个级别

我有一个在 asp.net mvc 项目中使用angular-ui-tree组件的指令,它工作得非常好,但是每次渲染超过 9 个级别的树时都会出现一个主要错误。

为此,我们有一个未解决的问题,但仍未合并到 master 分支中,无论如何,我需要找到解决方法,这是我的代码:

指示:

HTML:

这是当我有超过 9 个树级别时得到的错误:

0 投票
1 回答
825 浏览

angularjs - 如何将拖放功能限制为仅 angular-ui-tree 中的同级元素?

我正在开发一个树视图来显示使用 AngularJS 的类别列表。我使用了这个git 存储库。

HTML

我能够在树中实现拖放元素。我想将拖放功能限制为仅同级元素。

我在下面尝试过,但仍然没有运气。

JS

我在 GitHub 存储库上找不到太多关于此要求的信息。非常感谢任何帮助或有用的链接。

0 投票
1 回答
151 浏览

css - 当最后一个孩子有孩子时,Angular-ui-tree 会显示额外的一行

我尝试了不同的 CSS 技巧和技巧,但似乎无法解决这个问题。所以,我有一个带有连接器的 UI 树,如下所示:

https://jsfiddle.net/jqaw41mo/


这看起来不错,但是当特定节点的最后一个子节点有一个子节点时,就会出现问题。问题在下面的链接中重新创建:

https://jsfiddle.net/3vxjerg2/


正如所见,最后一根树枝有三片叶子,这border-leftlast-child我的情况没有帮助。

有什么解决办法吗?