问题标签 [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 投票
4 回答
7733 浏览

angularjs - angular-ui-tree:放置位置 + 在指令中捕获放置事件

我正在使用angular-ui-tree在我的应用程序中构建项目树。我正在使用它的拖放功能,我需要知道拖放发生的时间和位置(在什么元素上)。

例如,我将 item1 拖放到面板上。我希望面板显示项目名称。(每个项目都有一个名称属性)。面板只是一个简单的 div,里面有文本。

我在文档中看到我可以访问控制器中的“dropped”事件。但我不明白如何根据拖放的项目更改面板内容。

0 投票
4 回答
5747 浏览

javascript - angular-ui-tree 拖动不起作用

我正在尝试使用angular-ui-tree来渲染树。当我拖动“baz”节点时,在“bar”节点下我得到Uncaught TypeError: Cannot read property '$$phase' of null. 将任何其他节点拖到任何其他位置都可以正常工作。

我不明白错误消息的含义。我是角度的新手。

这是我的代码:

http://plnkr.co/edit/G3dHRluoAmjiTmPmBZr2?p=preview

0 投票
2 回答
5854 浏览

angularjs - Angular JS (angular-ui-tree) ng-click 冲突与拖动开始事件

我目前正在使用angular-ui-tree库,并且正在尝试实现以下行为:

当用户只需单击“可拖动节点”时,它会触发 ng-click 功能,如果用户单击并开始拖动 ng-click 将被忽略并开始常规拖放操作。

我有以下html结构:

当前的行为是拖放立即在“mousedown”开始,并且无法区分“单击”和尝试开始拖动

这是触发节点uiTreeNode.js拖放的库代码

0 投票
3 回答
8747 浏览

javascript - Angular ui-tree 并接受回调以限制节点?

我正在使用:https ://github.com/angular-ui-tree/angular-ui-tree

我想接受:

  1. 类别到 ui-tree 的根范围
  2. 应用到相同类别的应用。

在此处输入图像描述

我的控制器是(部分):

我的 HTML 是:

我想接受:

  1. 类别到 ui-tree 的根范围
  2. 应用到相同类别的应用。

接受回调没有被触发。什么不在这里?

谢谢!

0 投票
2 回答
2283 浏览

javascript - 将同级项插入 Angular-UI-tree

我需要在 angular-ui-tree ( https://github.com/angular-ui-tree/angular-ui-tree )中单击时将同级项插入树

这意味着我有:

当我在项目 C 中单击“插入”时,我需要在项目 B 和项目 C 之间添加新项目 - 并关注这个新项目的输入。

怎么做?

十分感谢!

0 投票
0 回答
1420 浏览

javascript - 如何在 angular-ui-tree 中显示数千个节点?

如何将 60 000 个节点加载到angular-ui-tree 中

即使在 1000 个节点处,页面在页面挂起时也需要 30 秒才能绘制,即使我在 HTML 中将所有节点设置为 collapsed=true 以使它们不会立即呈现。

我猜想做到这一点的唯一方法是拥有两个独立的数据源:

  • 一个可能有 20 个根节点,我在树视图中加载以启动和
  • 其他完整的 60k 节点。

然后,当用户单击树中的节点时,我手动将该节点的子节点从完整集中复制到树视图集中(如内存中的“AJAX”调用)。

有人有更好的想法吗?

0 投票
1 回答
282 浏览

angularjs - 在 ng Dialog 中使用 Angularjs ui 树的问题

我正在尝试在 ng 对话框中显示 Angular js ui 树。即使外观很好,但复选框功能不起作用。同样,全选、全部折叠等按钮功能在 ng Dialog 中也不起作用。谁能帮我解决这个问题?在 ng 对话框之外,与复选框和按钮相关的树功能一切正常,只有在 ng 对话框中才会导致问题。请找到我的plnkr。我需要在我的 html 和 ngDialog 中有 UI 树,用于不同的模型,如 plunker 中所示。

我 的parent_nodes_renderer_ngdialog.htmlterminal_node_renderer_ngdialog.html对我的原作略有修改parent_nodes_renderer.htmlterminal_node_renderer.html以满足我的一些要求

0 投票
2 回答
2210 浏览

angularjs - angularjs ui树在子级过滤的问题

Angularjs UI 树过滤功能在子级不工作,但在组级工作正常。例如,如果我们输入 node1 或 node2 过滤工作正常,但如果我们输入 node1.2 或 node2.1,过滤将无法正常工作。请找plnkr

如果我将以下代码添加到我的 script.js 文件中,一切都会被取消。所以我评论了那部分。

0 投票
2 回答
2160 浏览

angularjs - angular-ui-tree 中可拖动节点中的可点击链接

angular-ui-tree中,我正在寻找一种在可拖动节点内有链接的方法。

现在发生的事情是,当我单击节点内的链接时,它开始“按住”整个节点来拖动它。

我看到了这个答案Angular JS (angular-ui-tree) ng-click conflict vs drag start event,但它与我想要做的不同。在这个答案ng-click中绑定到节点,在我的情况下,我在节点内有多个链接。

下面是我的html:

有没有办法在可拖动节点内有多个链接?

提前致谢

0 投票
2 回答
754 浏览

angularjs - 只能使用 angular-ui-tree 插件排序一次

我正在尝试在我的应用程序中实现一个 AngularJS 插件,但我无法真正让它正常工作。我可能做错了什么。

我有两个可排序的面板。我只能交换他们的位置一次。之后,他们将不再交换位置。

这是我的问题的一个例子: http ://plnkr.co/edit/44fN6h6VyIft7j7bvs4j?p=preview

任何人都知道问题是什么以及如何解决这个问题?


Plnkr 代码(示例中的完整代码):


应用程序.js