71 questions
1
vote
1
answer
575
views
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 ...
1
vote
0
answers
53
views
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 ...
1
vote
1
answer
391
views
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-...
0
votes
1
answer
1k
views
How to limit drag and drop capability to only sibling-level elements in angular-ui-tree?
I am developing a tree view to show list of categories using AngularJS.
I used this git repository.
HTML
<div ui-tree="treeOptions" id="tree-root" data-drag-enabled="true">
<ol ui-tree-...
0
votes
0
answers
110
views
angular-ui-tree doesn't work with more than 9 levels
I have a directive that use the angular-ui-tree component inside an asp.net mvc project, it works really great but a major bug appears every time it renders a tree with more than 9 levels.
For this ...
1
vote
0
answers
53
views
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 = [{
...
1
vote
0
answers
228
views
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 = {
...
1
vote
0
answers
126
views
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:
...
1
vote
0
answers
1k
views
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. ...
0
votes
1
answer
1k
views
Angular-ui-tree keep nodes to their level on drag and drop
How can I prevent child nodes from becoming a top level node and also prevent parent nodes from being dropped under another parent node. I want to allow rearrangement of child nodes and parent nodes ...
4
votes
0
answers
1k
views
How to Expand a Default Angular UI Tree Node
I have the following markup:
<div class="modal fade" id="locationSearchModal" tabindex="-1" role="dialog">
<div class="modal-dialog narrow-modal" role="document">
<div ...
2
votes
0
answers
921
views
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) {
...
0
votes
1
answer
273
views
Uncaught Error: [$injector:modulerr] ui.tree
I have my app.js:
angular.module('myApp', ['ui.tree'])
.controller('myCtrl', function($scope) {
$scope.remove = function(scope) {
scope.remove();
};
$scope.toggle = function(...
0
votes
1
answer
75
views
Generate template with nested rows
I'd like to generate dynamic html for my treeview (angular-ui-tree). The problem is as follows: I've got a json with a number of nested objects, and I have HTML that uses angular-ui-tree directives to ...
0
votes
0
answers
78
views
Wrong item scrolled on Mozilla Firefox
I have some trouble with the Angular Ui Tree component.
This is the setting: I have two trees, one on the left with a classical hierarchical structure and one on the right with a list of draggable ...
1
vote
1
answer
938
views
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....
0
votes
0
answers
28
views
How to clone node in Angular JS UI Tree? [duplicate]
I use plugin Angular UI Tree:
http://angular-ui-tree.github.io/angular-ui-tree/#/basic-example
<a class="pull-right btn btn-primary btn-xs" data-nodrag="" ng-click="newSubItem(this)" style="...
0
votes
1
answer
752
views
How to clone node in Angular UI tree?
How to clone node in Angular UI tree with all children?
Now I use event click: ng-click="newSubItem(this)" where newSubItem is function:
$scope.newSubItem = function (scope) {
var ...
0
votes
1
answer
324
views
angular-ui-tree two events instead of one
I'm sure it is pretty simple question, but I can't find answer. I use pretty common pattern for creating tree. I need to know if user click parent node or child node. Everything works fine if I click ...
0
votes
1
answer
395
views
angular-ui-tree complex to use in project . need guidance
i try to use angular-ui-treeview library in my project available on below mentioned link :
https://github.com/angular-ui-tree/angular-ui-tree
on this , in readme.md ,
in Usage section following ...
1
vote
1
answer
313
views
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".
...
1
vote
2
answers
692
views
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 ...
0
votes
3
answers
2k
views
Hierarchy implementation in angularjs
I'm new to angularjs and want to implement some hierarchy screen in which user can add a new group, child to that group and so on. (parent/child hierarchy)
Something like this
1 Admin
1.1 -----User ...
2
votes
2
answers
3k
views
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.
<div ui-tree id="tree-root" ...
1
vote
1
answer
246
views
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 ...
1
vote
0
answers
461
views
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 --...
0
votes
1
answer
655
views
Controller 'uiTreeNodes', required by directive 'ngInclude', can't be found
I'm trying to use angularui-tree and after days of struggle to make it run inside Vistulaforce(salesforce) page, it still shows some error or the other. Now I'm trying to run basic nested tree ui ...
0
votes
1
answer
1k
views
get the node number in Angular UI Tree [angular-ui-tree]
I am using Angular UI tree to implement items categories relationship, everything is working fine in the default implementation, but now the requirement is to get the node/section number in the tree ...
5
votes
1
answer
1k
views
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
<button class="btn btn-info btn-circle btn-sm" type="button" ng-click='x.tasks.push({task: "New Task",depth:"2", ...
1
vote
1
answer
600
views
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 ...
1
vote
1
answer
1k
views
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",
"...
0
votes
1
answer
865
views
angular ui tree limit max depth
I want to limit max depth of angular UI tree
i added data-max-depth="2" to ui-tree
<div ui-tree id="tree-root" data-max-depth="2">
<ol ui-tree-nodes ng-model="data" >
...
2
votes
2
answers
5k
views
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 = [
{
"...
0
votes
2
answers
732
views
ui-tree-node not draggable & Error Cannot read property '0' of null
I'm getting this error;
Cannot read property '0' of null (for '0', '1', '2', '3'.....etc.) once for each of the 24 hours in my day. Then again for rows '8', '9','10' and '11' where I have events on ...
1
vote
0
answers
413
views
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,...
1
vote
1
answer
556
views
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:
<div ui-tree>
<ol ui-tree-nodes="" ng-model="list">
<li ng-repeat="item in list" ui-tree-node>
...
0
votes
0
answers
1k
views
How to access a particular node in angular UI tree?
I have just started to learn angularJS. I have a created a ui-tree to show data from backend.I have to display the details of the element on click of it. But I am facing problem with accessing a ...
3
votes
1
answer
3k
views
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,
...
1
vote
1
answer
2k
views
Angular UI Tree: Get old and new parent of node
I created two trees and when I move a node from one tree to another I would like to know names of old and new tree. I added data-tree-name="unsorted" in ui-tree but I don't know how to access it. This ...
1
vote
1
answer
1k
views
angular-ui-tree: How to get html element of last added node
maybe this is a silly question, but I haven't found a solution here in stackoverflow or in the documentation of angular-ui-tree.
I need to get the html element of the latest added node.
To be more ...
1
vote
0
answers
161
views
Using nodes with parents instead of nodes with children in Angular UI Tree
I'm using Angular UI Tree to show a TreeView. To request all nodes to a REST API, I use restangular to return a list of nodes.
But, Angular UI Tree uses this data structure:
[
{
"id" : 1,
...
0
votes
1
answer
2k
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
0
answers
144
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
1
answer
480
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 ...
1
vote
0
answers
382
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 ...
0
votes
1
answer
121
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 ...
1
vote
2
answers
717
views
How to bind desIndex to sort values in angular-ui-tree?
I'm using angular-ui-tree.
The object I have in my treeview has a sort index. I am looking for a way to bind this sort index to the desIndex of the treeview scope, using something similar to this:
...
0
votes
1
answer
2k
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!
For ...
1
vote
0
answers
98
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 ...
2
votes
1
answer
607
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 browser....