Stack Overflow
Stack Overflow

Questions tagged [dynatree]

Dynatree is a JavaScript tree view plugin for jQuery with support for persistence, keyboard, multiple selection, drag and drop, and dynamic Ajax loading.

Dynatree is a JavaScript tree view plugin for jQuery with support for persistence, keyboard, multiple selection, drag and drop, and dynamic Ajax loading.

Main features

  • Optimized for large dynamic trees (DOM elements are only created when really needed).
  • Programmable through a rich object oriented interface.
  • Support for lazy loading and Ajax.
  • Checkboxes and hierarchical selection
  • Supports drag and drop.
  • Support for persistence.
  • Keyboard aware.
  • Initializes from HTML code, JSON, or JavaScript objects.

Quick start

  • Include jQuery and dynatree libraries.
  • Add a element where the tree should appear.
  • Initialize the dynatree object when the page is loaded.

LINKS

246 questions
2
votes
1 answer

How to load grand children in lazy loading of dynatree?

I have requirement where some times I would like to load children as well as grand children and if possible their children in lazy loading..Is it possible? When I am preparing json response for lazy loading can I prepare json response like this? [ {…
Rajesh
  • 2,934
  • 8
  • 42
  • 71
1
vote
2 answers

Pass a JSON array from PHP to Dynatree

I'm using Dynatree for the first time and wrote a PHP script that returns a properly formatted JSON array. I've read the Dynatree documentation, but can't figure out how to pass in the JSON array from my PHP script so its contents can be loaded as…
cantera
  • 24,479
  • 25
  • 95
  • 138
1
vote
2 answers

How to prevent the parent node from being checked on a hierarchy when it has a single child node?

As you can see on the image below, when marking the "Guest" all parents that have a single child gets checked too. But I actually want just the "Guest" checked and its parents unchecked as in the "Account's manager"
Keyne Viana
  • 6,194
  • 2
  • 24
  • 55
1
vote
1 answer

dynatree + asp.net mvc - How do you post data back to server?

I am using asp.net mvc 3 and looking at possibly using dynatree. I am in the research page still and trying to figure out some outstanding questions before I start actually implementing it. Dynatree with ASP.NET MVC I been looking at the above post…
chobo2
  • 83,322
  • 195
  • 530
  • 832
1
vote
3 answers

drag and drop from/to dynatree

I'm trying to drag data from a dynatree and drop it to another dynatree. In the documentation an example shows how to move a node in the same tree. Is it possible to move a node and put it in the second dynaTree with all it's option?? first tree…
HRI
  • 91
  • 4
  • 13
1
vote
2 answers

Dynatree: Prevent parent nodes from being selected by default, using select mode 3 (hierarchical)

I am using Dynatree with select mode "3", which enables a hierarchical selection mode. When my tree renders, all nodes that have children render as selected by default. Leaf nodes render unselected by default. If I start manually selecting nodes,…
Seth Petry-Johnson
  • 11,845
  • 7
  • 49
  • 69
1
vote
0 answers

dynatree + asp.net UpdatePanel - make clicked nodes bookmarkable

Is there a option to make the nodes bookmarkable. Clicking on the nodes causes a postback. I would like to make that click bookmarkable. The tree should be opened the same way when calling the bookmark. Any help would be appreciated.
Hans Pickelmann
  • 23
  • 4
1
vote
2 answers

Dynatree using asp.net mvc3

I am having a Dynatree that loads up data from a ASP.NET MVC3 controller. For the first call the tree needs to load data and then on wards the tree must load on an on demand basis (lazy loading). The problem I am facing is that for the first time,…
Anirban
  • 589
  • 3
  • 16
  • 40
1
vote
1 answer

CSS side-by-side DIVs - Dynatree doesn't fill horizontally

I have two side-by-side DIVs in a JSP. It works well, with one exception: I can't get the jQuery Dynatree to fill the lefthand DIV's horizontal space properly: Here's the HTML:
Mark
  • 1,988
  • 2
  • 24
  • 42
1
vote
2 answers

jquery dynatree class methods

I'm a new user of dynatree plugin. When I read the documentation, I found the list of tree and node class member functions, such as tree.getRoot(), node.countChildren(). However, when I tried to use them, it complained that no such methods were…
Jj Zhang
  • 11
  • 2
1
vote
1 answer

Dynatree: how to make node containing lazy children expandable?

I have created a tree navigation menu using Dynatree (http://wwwendt.de/tech/dynatree/index.html). The tree has four levels: company, group, user and computer. Every object in the tree is selectable (seleting the object opens a page showing the…
simon
  • 12,666
  • 26
  • 78
  • 113
1
vote
1 answer

Expand All Nodes on Lazyload in Jquery dynatree

I am using Dyna Tree plugin for tree view. Now, while expanding the parent node I am using lazy load function, onLazyRead: function(node){ node.appendAjax({ url: TREEVIEW_JSON_URL }); } Now I would like to expand all the child and…
Max
  • 1,334
  • 5
  • 16
  • 34
1
vote
1 answer

fancytree change highlight color of currently selected item on selectMode 3

I am using fancytree selectMode 3 such that the parent element also gets a checkbox and end user is aware of navigation state(508 thing). The issue I am facing with Highlight of node using Keyboard Navigation, if there are 2 or more children in a…
Chetan Sachdev
  • 738
  • 1
  • 12
  • 31
1
vote
3 answers

DynaTree root node null / undefined - children undefined

("#tree").dynatree({ minExpandLevel: 1, //persist: true, children: [{"title":"First Location", "isFolder":true, "expand":true, "key":"location.92", "icon":"location.gif", "children":[{"title":"
Earls
  • 83
  • 1
  • 8
1
vote
0 answers

Multiple Drag and Drop in dynatree

In Dynatree, Drag and drop functionality is enabled by defining the appropriate callbacks: $("#tree").dynatree({ [...] dnd: { onDragStart: function(node) { /** This function MUST be defined to enable…
Dibyajytoi Kabi
  • 43
  • 8
1 2 3
…
16 17