A tree component for AngularJS, without jQuery as dependency.
Angular UI Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn't depend on jQuery. https://github.com/angular-ui-tree/angular-ui-tree
Questions tagged [angular-ui-tree]
71 questions
1
vote
0 answers
AngulrJs Ui-tree Search problem with same title
I need to search on all nodes, but here I have two title with same name (SameTitle) in demolist.js.
I want a search operation on whole node.
Expected result: (SameTitle) should appear twice with parent name as given in demolist.js.
But it appears…
MITESH KR JHA
- 7
- 3
1
vote
1 answer
Angular-ui-tree shows an extra line when last child has children
I have tried different CSS tricks and hacks but can't seem to get my way around this. So, I have a UI tree with connectors as shown in below:
https://jsfiddle.net/jqaw41mo/
div.panel:first-child {
margin-top: 20px;
}
div.treeview {
…
S.Raza
- 13
- 4
1
vote
0 answers
Total sum all nodes by key
I use anglar-ui-tree in my project.
How can I sum all companyEstimatedEarning for each node?
For example, company 1.1.1 - total=5, company 1.1 - total=18, company 1 - total=53
$scope.data = [{
'id': 1,
'title': 'company1',
…
Ivan Stelmakh
- 11
- 1
1
vote
0 answers
angular-ui-tree behaves strangely after updated list
I use the angular-ui-tree module for sorting a list, according to it's manual. Once an item is dropped, there's a list sent to the backend service, which saves the new sort order.
vm.treeOptions = {
dropped : function(e) {
…
chr_lt_ney
- 65
- 1
- 7
1
vote
0 answers
AngularJS UI Tree - Single header for entire tree
I'm using AngularJS UI Tree on my PUG template, and I need the first node to act like a header for the rest of the other nodes, which will be inside this header.
Currently I'm doing it like this:
div(data-ng-controller="CategoryTreeController as…
Felipe Wagner
- 154
- 2
- 14
1
vote
0 answers
Angular (2) TREE . Double click issue. Not working properly.
Double click in angular tree component is not working, here's the sample of code I'm trying to use. Do I need to write anything else in my code, so that it will work?? Please help me on this one. Thank you.
import { Component, Input } from…
TheDoozyLulu
- 384
- 2
- 6
- 23
1
vote
1 answer
How to get parent of current node Angular UI Tree?
I tried to do that like as:
$scope.showCloneIcon = function(scope)
{
if(scope.$parentNodeScope !== null){
var parent_value = scope.$parentNodeScope.$modelValue.type_value;
if(parent_value ===…
Yahorow
- 51
- 8
1
vote
1 answer
Get destination node in Angular UI Tree
I'm using Angular UI Tree as the UI for a file system. I want to be able to drop items into folders but not files so all the items in the tree have a type property with values "file" or "folder".
How can I check this property and either allow or…
Geraint Anderson
- 3,234
- 4
- 28
- 49
1
vote
2 answers
Angular UI Tree: remove callback not firing
I'm using https://github.com/angular-ui-tree/angular-ui-tree module.
I have api that sending me array of slides, which are array of groups, which are array of graphs. So I want to draw it as a tree and add node remove confirmation and api call on…
Iriskin0
- 21
- 6
1
vote
1 answer
Adding labels to the trees in angular-ui-tree
Is there a way to add labels or separate trees to the angular-ui-tree?
I have a JSON file with questions that I'm feeding the $scope.tree to display in my front end. I would like to have a separate tree to get the answers to those questions.
Is…
Micro Controls
- 59
- 7
1
vote
0 answers
How to prevent Bower from hanging up when installing angular-ui-tree?
I've been trying to install angular-ui-tree using bower version 1.8.0, but it keeps hanging up on me.
I've tried the following commands:
bower install angular-ui-tree
bower install angular-ui-tree --save
bower install angular-ui-tree --save…
Friso
- 2,328
- 9
- 36
- 72
1
vote
1 answer
angular-ui-tree drop INTO node
I am currently using Angular UI Tree connected trees. Tree1 has only one level of depth while Tree2 is unlimited in depth. I need to be able to drag any item from Tree2 INTO Tree1 items and catch that event.
Just to clarify: In effect Tree1 is the…
checklist
- 12,340
- 15
- 58
- 102
1
vote
1 answer
angular-ui-tree, populate the tree from data from DATABASE
I am using the angular-ui-tree library to display the folder structure.
I am storing the node objects in a MongoDB database.
Each node object looks like this
{
"node_name" : "Folder 1",
"node_path" : "AAABBB",
"node_id" : 103,
…
Kenny lee
- 13
- 5
1
vote
0 answers
angular-ui-tree tree inside tree doesn't create empty-tree-placeholder
Hi I need to create a tree which represents some categories from GroupA these categories can be 4 level deep.
This is a very simple task, but additionaly each of a category has counterparts in GroupB, GroupA aggregates GroupB , so let's say…
kuba0506
- 455
- 2
- 8
- 20
1
vote
1 answer
How to get the key value or iteration of a certain item in angular ui tree?
I have a piece of code which is a basic example of how to use angular-ui-tree:
-
{{item.title}}…
The Bassman
- 2,241
- 5
- 26
- 38