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
11
votes
2 answers
Angular JS (angular-ui-tree) ng-click conflict vs drag start event
I am currently using angular-ui-tree library and I am trying to achieve following behavior:
When user just click on 'draggable node' it triggers ng-click function, if user click and start dragging ng-click is ignored and regular drag-n-drop…
olesia
- 111
- 1
- 4
9
votes
3 answers
Angular ui-tree and accept callback for restricting nodes?
I'm using : https://github.com/angular-ui-tree/angular-ui-tree
I want to accept:
Categories to root scope of ui-tree
apps to the apps of same categories.
My controller is (partial):
//Accept Categories at root scope and accept apps only inside…
prady00
- 721
- 1
- 6
- 17
5
votes
1 answer
How to add new node at top in ui-tree angular js
In my application i used angular ui-tree.
Now to add new node i used below code
5
votes
2 answers
Clickable link in draggable node in angular-ui-tree
In angular-ui-tree I'm looking for a way to have links inside a draggable node.
What's happening now is that when I click on the link inside the node it starts "holding" the whole node to drag it.
I saw this answer Angular JS (angular-ui-tree)…
Sincere
- 477
- 5
- 18
5
votes
4 answers
angular-ui-tree: dropped location + catch dropped event in directive
I'm using angular-ui-tree for building a tree of items in my app.
I'm using its drag & drop feature and I need to know when & where (on what element) the dropping occurs.
For example, I drag item1, and drop it on a panel. I want the panel to…
Tamar Cohen
- 1,272
- 2
- 16
- 28
4
votes
0 answers
How to Expand a Default Angular UI Tree Node
I have the following markup:
…
crackedcornjimmy
- 1,972
- 5
- 26
- 42
3
votes
1 answer
Angular UI Tree - Allow only drag & drop into second level (children nodes)
I am currently using Angular UI Tree.
My object:
[
{
"id": 1,
"title": "class1",
"students": [
{
"id": 11,
"title": "student1.1",
},
…
Egidi
- 1,736
- 8
- 43
- 69
3
votes
0 answers
Set local variable in HTML similar to ng-init
I'm using the ui-tree in angularjs. For binding I use a method which gives me the child elements:
-
MichaelS- 3,809
- 2
- 26
- 33
2
votes
0 answers
How to delete a node in Angular Tree
I need to delete a node in Hierarchy Tree built using the link
http://jsfiddle.net/brendanowen/uXbn6/8/
The delete option explained deletes only the child node.
$scope.delete = function(data) {
data.nodes = [];
};
But i need to delete…
Nandhini Janardhanan
- 21
- 2
2
votes
2 answers
Prevent dragging in Angular UI Tree
is there any possibility to prevent user's dragging of Angular UI Tree nodes? There is an option "nodrop" and it works, but I would like to prevent dragging too.
- 888
- 1
- 12
- 30
Movsar Bekaev
2
votes
2 answers
Angular UI tree implementation
Can any one provide with a plunker or any hint on how to use http://angular-ui-tree.github.io/angular-ui-tree/#/basic-example
with a json object like this
var list = [
{
"id": 1,
"title": "Parent",
…
Rakesh
- 63
- 3
- 11
2
votes
1 answer
angular-ui-tree avoid full rendering
I'm using angular-ui-tree in order to render a tree with data but each time that the page is loaded all nodes are rendered and I would like to avoid the render because with huge data locks the browser.
I've tried to add data-nodrop-enabled and…
user1520494
- 1,134
- 2
- 11
- 27
2
votes
1 answer
How to add items to nested angular-ui-tree list after reorder?
I have a nested list of items, something like Day > Exercises > Sets.
Each day can have many exercises and each exercise can have many sets.
For each list there is a add button.
Everything works great until you reorder them using…
Bogdan Boamfa
- 395
- 2
- 18
2
votes
0 answers
UI-tree-filter doesnt expand collapsed nodes
I am trying to have a filter on a tree, that will expand a parent node if it's child node is a match. Currently, if all nodes are expanded, the filter will act correctly. As soon as all nodes are collapsed, the filter has no functionality.
For…
TLenahan14
- 31
- 3
1
vote
1 answer
how to use recursive function to select the parent in a tree array using angulat ui tree?
So, I'm trying to create a hierarchical tree. Whena node is selected that has children, then all the children of the node is selected, but when I select all the children I also want to select the parent.
here is a link to the…
jyoti
- 443
- 1
- 5
- 10