A tree component for AngularJS, without jQuery as dependency.

learn more… | top users | synonyms

0
votes
0answers
7 views

connected trees in ui-tree drag n drop prevention

I am using I'm using : http://angular-ui-tree.github.io/angular-ui-tree/#/connected-trees I want to be able to drag on parent level but not on child level in the tree. How would I go about that. I ...
0
votes
0answers
38 views

Two arrays in each object - Angular UI Tree

Is it possible to have two arrays in each object, like so: [ { "id": 1, "title": "Drink", "subcategories": [ { "id": 11, "title": "Alcoholic", ...
1
vote
1answer
21 views

Adding a child to any parent on Angular UI Tree pushes it to every parent

I have been playing around with the Angular UI Tree drag and drop and have come by an issue that has stumped me. The json is being received from my services. When it is received by my controller, I ...
-12
votes
2answers
69 views

String to array javascript

After a manipultion of a JSON object i have a string like: [{ContextID:'7',Title:'Rona',TypeId:'1',Children:[{ContextID:'8',Title:'Site ...
0
votes
1answer
29 views

need to get the information of newly getting dragged object information in angular js ui tree

In Angular js ui-tree (ui-tree), how can I get the newly dragged object information? I am getting tree left side list and right side list without any problem but I am facing problem to get model value ...
0
votes
0answers
31 views

defining empty list template in angular-ui-tree

does anyone know if there's a way to define a template for an empty ui-tree list? If the list model ist empty there will be a default <div class="angular-ui-tree-empty"></div> element ...
1
vote
2answers
38 views

Angular ui TreeView, Bind desIndex to own sort values

I'm using Angluar Ui TreeView The object I have in my treeview got a sort number. I am looking for a way to bind this sort number to the desIndex of the TreeViewer scope, using something similar to ...
0
votes
0answers
33 views

issue in including ui-tree into jhipster generated angularjs application

I have generated my Angularjs application using jhipster, the application is running fine. As I need to use ui-tree, I have installed it using bower install angular-ui-tree, it created a ...
0
votes
0answers
178 views

angular material virtual scroll with angular-ui-tree gives error

I am trying to implement virtual scroll of Angular material on angular-ui-tree . But its giving the following error : Controller 'uiTree', required by directive 'uiTreeNode', can't be found! ...
1
vote
0answers
27 views

Angular UI-Tree dragged item doen't show floating

I followed the instruction of ui-tree on github. Everything goes fine, except when i drag an item. The dragged item doesn't show in floating style as shown in demo, but the node of dragged item ...
7
votes
3answers
2k views

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 ...
0
votes
1answer
81 views

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 ...
0
votes
2answers
122 views

Unable to get simple tree working in AngularJS + AngularUI

All of required libraries are available. But I receive error : angular.js:11855 Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. ...
0
votes
0answers
43 views

Angular-UI-Tree dragged element at custom position/offset

I'd like to have a custom position for the element that is attached to the mouse using angular-ui-tree. The default behaviour figures out the absolute position of the element in the viewport and ...
0
votes
0answers
31 views

angular-ui-tree - I can not create sub-items in android

I've been trying to work on a project in Cordova and I am using angular-ui-tree. The problem is that I can not create a subitem with drag and drop. If you try to use the demo : ...
2
votes
1answer
108 views

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 ...
1
vote
1answer
103 views

Angular UI Tree Module: removed callback not working

I am using this module: https://github.com/angular-ui-tree/angular-ui-tree And I can not make the removed callback work. Here is an example with an "accept" callback working, but "removed" not: ...
0
votes
2answers
128 views

Can only sort once with angular-ui-tree plugin

I'm trying to implement an AngularJS plugin into my application, but I can't really get it to work properly. I might be doing something wrong. I have two panels that are sortable. I can swap their ...
0
votes
1answer
212 views

Multiple drag and drop in nested list using angularjs

How to achieve drag and drop multiple nested tree list items to another tree list in jquery/angularjs . I can able to do drag and drop single element to another list by using angular-ui-tree ...
0
votes
1answer
283 views

Angular (ui tree) ng-repeat: infinite loop

I have a problem with AngularJS and the directive ng-repeat and I can't figure out what's wrong. I'm using angular-ui-tree (https://github.com/angular-ui-tree/angular-ui-tree) to build an infinite ...
1
vote
1answer
191 views

Angular ui-tree detect drag event between connected trees

I would like to detect event when item was dragged from tree#1 and dropped to tree#2. In this case i would like to call a specific http action to save it. I use the dropped event with actions inside ...
1
vote
1answer
109 views

How to divide rows to two table with angularjs

how to divide rows to two tables with angularjs <tr ng-repeat="field in node.fields track by $index" ui-tree-node="" class="ng-scope angular-ui-tree-node" collapsed="false" ng-if="$even"> I ...
0
votes
0answers
37 views

i want JsonData with angularUI tree with “and” and “or” dropdown values

When i select "and" from dropdown the jsonData should start with "and" as shown below "filters": { "and": [ { "or": [ { "field": "FName", "cond": "eq", "val": ...
-1
votes
1answer
80 views

Array tree find item and its parents

I have an array representing groups, like this: Company Name IT Finance Global Finance Financial Department Tax and Co. and I want to select a certain node (say Financial Department) and ...
2
votes
0answers
92 views

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: <div ui-tree="treeOptions"> <ol ng-init="children=getChildren(website.id, '0')" ...
1
vote
0answers
119 views

Angular tree filter can't dim

I'm using angular-ui-tree-filter library to create a filter in my treeview. According to the example here: http://ee.github.io/angular-ui-tree-filter/ you can choose by a checkbox to dim the filter ...
0
votes
0answers
271 views

nodes in angular-ui-tree does not have isolated scope for children

I am using angular-ui-tree to display a number of nodes recursively. I want to be able to edit that particular node by clicking on an edit button which will open up a form right below said node. My ...
1
vote
0answers
202 views

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 ...
1
vote
2answers
192 views

How to change cursor?

In the angular-ui-tree I've noticed that items has the drag or move cursor which is good when having items that we need to be drag-gable. But how can I set the cursor to normal arrow instead?
1
vote
2answers
576 views

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 ...
0
votes
0answers
323 views

Dragging between groups in angular-ui-tree

I have implemented a hierarchy based on the "Groups & Categories" demo. However, I am unable to drag a category from one group to another, as soon as I start dragging the category, it is removed ...
0
votes
1answer
400 views

How to show thousands of nodes in angular-ui-tree?

How do you load 60 000 nodes into angular-ui-tree? Even at 1000 nodes the page takes 30 seconds to draw while the page hangs, even if I set all nodes to collapsed=true in the HTML so they don't ...
1
vote
1answer
150 views

issue in using Angularjs ui tree inside ng Dialog

I am trying to show angular js ui tree inside ng dialog. Even though the appearance is fine but the check box functionality is not working. Similarly Select All, Collapse All, etc buttons ...
-1
votes
1answer
119 views

Model changes in AngularJS did not affect in view

we have a problem with angular-ui-tree in our project. Our tree consists of categories and 2 levels of items. If i move one first-level item within its level the position changes in model but the ...
2
votes
1answer
433 views

issue with angularjs ui tree filtering at child level

Angularjs UI tree filtering feature is not working at child level however it is working fine at group level. For example if we type node1 or node2 filtering works fine, but if we type node1.2 or ...
1
vote
4answers
3k views

angular-ui-tree drag not working

I'm trying to use angular-ui-tree to render a tree. When I drag the "baz" node, under the "bar" node I get Uncaught TypeError: Cannot read property '$$phase' of null. Dragging any other node to any ...
0
votes
2answers
649 views

Insert sibling item to Angular-UI-tree

I need to insert a sibling item to tree on click in angular-ui-tree (https://github.com/angular-ui-tree/angular-ui-tree) it means I have: <item><input value"item A ...
8
votes
1answer
3k views

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 ...
0
votes
0answers
107 views

unable to make Select All check box to work with Angularjs ui tree

I tried to use angularjs ui tree with check boxes. But I am failing to make the Select All check box to work properly. Can any one help me to fix the issue with select All check box. Please find my ...
0
votes
0answers
133 views

AngularJS TreeNode with check boxes is not Working properly

Can anybody solve my problem. Here is the requirement. There is one parent Group (select All). and two child groups.Each child group contains again child (child-child). Initially child11 and child22 ...