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
145
votes
3 answers

Set custom attribute using JavaScript

I am using The DynaTree (https://code.google.com/p/dynatree) but I am having some problems and hoping someone can help.. I am displaying the tree on the page like below:
  • Outputs
      …
Aaron
  • 3,389
  • 12
  • 35
  • 48
15
votes
7 answers

how to reload/refresh/reinit DynaTree?

When I do the following $('#tree').dynatree("option","initAjax",{url:"http://google.com"}); I want dynatree to forget about current tree data and reload with new data from the specified url instead. But I find it does not do that by…
Mr Coder
  • 8,169
  • 5
  • 45
  • 74
11
votes
3 answers

dynatree - How to scroll to active node?

I have dynatree with fixed height and vertical scrollbar. node.activate(); selects the node i'm searching for, but doesnt move the vertical scrollbar, so i have to scroll manualy to see active node. How do i scroll it programmaticlly? Thanks to…
rushego
  • 305
  • 3
  • 11
10
votes
2 answers

Dynatree ignores select property when using ajax

I am using the dynatree plugin to display a checkbox tree, using multi-select mode (mode 3). When the tree is initialized using ajax (no lazy loading), it seems to forget that some nodes are loaded initially selected. When I select one of these…
Kev
  • 2,656
  • 3
  • 39
  • 63
7
votes
4 answers

JQuery Dynatree - search node by name

I would like to start using Dynatree on my page, however I will probably need searching my tree by name. Do you know maybe how to do this?
JaSmin
  • 221
  • 2
  • 7
6
votes
2 answers

Dynatree - Where can I store additional info in each node?

I am currently testing out Dynatree and I just want to ask if there is an available property/parameter in which I can store additional info (like property 'value' in ASP.NET TreeView) for each node? Thanks in advance.
SajmiraZ
  • 79
  • 1
  • 6
5
votes
1 answer

Hide Sections Clicking Dynatree Value

Have a tree structure like the following Section 1 item1 item2 Section 2 item5 I can click on any item and hide all the other items with the dynatree onActivate function and this code onActivate: function(node) { var resultId = "#" +…
nlstack01
  • 789
  • 2
  • 7
  • 30
5
votes
3 answers

Remove Highligthing From Dynatree Checkbox Mode When Clicked or Hover

In dynatree with the vista-skin when you hover over a tree item it has a hover effect where it has a blue background. Additionally when you click the item to check it it has a orange border in chrome and a dotted border in IE. I'm trying to remove…
kackleyjm
  • 595
  • 1
  • 5
  • 12
4
votes
1 answer

Dynatree jquery plugin add custom properties to node

I would like to add new properties to DynatreeNode class. For example in methods OnSelect I want to use node.myproperty. node.myproperty value is calculated from some DOM element. Is there a way to do this? I tried using jQuery extend, but it…
matt137
  • 169
  • 1
  • 14
4
votes
3 answers

How can I select child node programmatically, in dynatree?

I'm using jQuery's dynaTree in my application and I want to select the all the child nodes programmatically when a parent node is selected. The structure of my tree is as follows
  • package 1
      …
Muhammad Adeel Zahid
  • 17,474
  • 14
  • 90
  • 155
4
votes
2 answers

Dynatree or Fancytree for production?

I am looking for a javascript solution which can unordered list to a treeview with checkboxes. So far the best one I have seen is Dynatree. However, looking at the page and the fiddle , I learned that there is a designated successor named…
developarvin
  • 4,940
  • 12
  • 54
  • 100
4
votes
1 answer

Dynatree Expand Parents of Selected Nodes

I have Dynatree running well on my page. I am using an initAjax to get the structure. When I generate my json I include "select": true where appropriate to select check-boxes. Most (all) of the check-boxes are at a depth of three levels down from…
McCarvill
  • 41
  • 1
  • 3
4
votes
2 answers

How to select node in dynatree

tree.dynatree({ initAjax: { url: "../Users/GetTree" }, checkbox: true, selectMode: 2, fx: { height: "toggle", duration: 200 }, persist: true, clickFolderMode: 1, autoFocus:…
cashmere
  • 885
  • 3
  • 12
  • 37
4
votes
3 answers

Trying to reload/refresh dynatree with new data

I've seen this question already, and I've tried the solution given (use tree.reload()), but it's not working for me. I have a tree that's initialized on doc ready using initAjax(), and I'm trying to reload the tree, using different values, on the…
earachefl
  • 1,880
  • 7
  • 31
  • 55
3
votes
1 answer

can the popular javascript tree views (jstree, dynatree...) be setup to read data from an adjacency model?

can the popular javascript tree views (jstree, dynatree...) be setup to read data from an adjacency model? say I have a table with classId, ClassName,ClassType,ParentClassId how can i fetch data for say the dynatree? considering the json expected by…
Pete_ch
  • 1,301
  • 2
  • 28
  • 39
1
2 3
…
16 17