Stack Overflow
Stack Overflow

Questions tagged [fancytree]

Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag'n'drop, and lazy loading.

Fancytree is a jQuery plugin that allows to dynamically create html tree view controls using JavaScript. It supports persistence, keyboard, checkboxes, tables (grid), drag'n'drop, and lazy loading.

Main features

  1. Optimized for large dynamic trees (DOM elements are only created when really needed).
  2. Programmable through a rich object oriented interface.
  3. Support for lazy loading and Ajax.
  4. Checkboxes and hierarchical selection.
  5. Supports drag and drop.
  6. Support for persistence.
  7. Keyboard aware.
  8. Initializes from HTML code, JSON, or JavaScript objects.
305 questions
18
votes
9 answers

Reload entire Fancytree

I have a combobox with different options that each brings up a fancytree to the screen. I make an ajax call to get the source for the fancytree but it's not reloading and shows the same options again and again. part of the code: $.ajax({ url:…
Migerusantte
  • 323
  • 1
  • 3
  • 11
15
votes
1 answer

No connectors nor icons visible for jQuery FancyTree

I'm trying to implement a web-based folder browser using the FancyTree jquery plugin. After some teething problems, I have it working quite well. The only problem is that FancyTree doesn't display any connector lines or icons. Strictly text only,…
ProfK
  • 49,207
  • 121
  • 399
  • 775
10
votes
1 answer

Update/reload a selected node, possible?

Iv been working on a project with fancytree as a tree-view. works grate with Ajax and server calls. How ever. I still wonder if its possible to reload a selected node to get updated regarding its children? Iv seen and tried theReload() function.…
Jonas Lindahl
  • 752
  • 10
  • 24
8
votes
1 answer

Pass fancytree data as JSON data

I want to pass the data from a fancytree to a generic handler so that I can save it for future use. If I use this code: function SaveTree() { var tree = $('#TopTree').fancytree("getTree"); $.ajax({ cache: false, url:…
Family
  • 1,053
  • 1
  • 20
  • 41
7
votes
2 answers

Fancytree getSelectedNodes without using the select event

I am using the fancytree plugin to render a directory and next to this fancytree is a button. The user is supposed to click this button, and I am supposed to get a list of selected nodes from the tree and do something with it. How do I access the…
dr.jekyllandme
  • 613
  • 2
  • 11
  • 22
7
votes
1 answer

Fancytree jQuery plugin - select node

I have difficulties in selecting a given node from fancytree plugin. So, I have tried something like: $("#tree").fancytree("getTree").visit(function(node){ node.select(n); }); where "n" is any number representing the node id, but it doesn'work,…
rosuandreimihai
  • 656
  • 3
  • 16
  • 39
7
votes
1 answer

Is it possible to set the height of a fancyTree when using the column view ext

I've been using the fancytree plugin for a little while now, and have managed to sort out most issues that I've come across, however I'm a bit stuck now.... I've just started using the column-view extension, and was wondering if there's a way to set…
ChrisH
  • 285
  • 3
  • 13
6
votes
2 answers

Add button to fancytree node to delete/remove that node?

I cannot find an example to do this anywhere, although I could have sworn I've seen one in the past. I want to add a button to a node in fancytree so that either on hovering over that node (or maybe on selecting it) the button displays (a white x…
TheMook
  • 1,531
  • 4
  • 20
  • 58
5
votes
1 answer

How to show the connector lines as default?

Hi there i have just started using this jquery tree. and was wondering if there is any property I can set to make the connecting line visible all the time.
Keyur Padalia
  • 2,077
  • 3
  • 28
  • 55
5
votes
0 answers

How to combine filtering with lazyloading in fancytree?

Is there a way to both enable the filtering and lazy load the nodes in fancytree? I expect the behaviour like this: the user can walk in the tree with each node loaded when clicked. This is supported by lazy loading feature when the user puts…
ganqqwerty
  • 1,894
  • 2
  • 23
  • 36
5
votes
1 answer

Disable FancyTree Nodes

Is there anyway to disable fancytree node? Am using Select: 2 option along with Ajax call to populate the tree. I get the data from DB and need to show my preselected node selected and disabled as below. One option is to set below properties as:…
pranav
  • 421
  • 1
  • 11
  • 27
5
votes
2 answers

Fancytree remove blue border when selected

Using fancytree, how can I prevent the boundary around the fancytree div from becoming blue when it's active? To replicate, go to the link below, click inside the fancytree control (click any node) and the light gray dotted border gets a blue…
Gallaxhar
  • 976
  • 1
  • 15
  • 28
5
votes
1 answer

Custom node icons not working in Fancytree

I've been using "Fancytree" in a project I'm working on and have been largely happy with it until today. I need to display a different icon on certain nodes within the tree and have, so far, been unable to get them to show up on the tree. I'm…
user3772343
  • 131
  • 2
  • 9
5
votes
2 answers

Custom search for jQuery FancyTree plugin

I'm using the FancyTree jQuery plugin in one of my projects: https://github.com/mar10/fancytree This plugin also has a Filter extension which either dimms or hides the unmatched nodes: https://github.com/mar10/fancytree/wiki/ExtFilter My tree is a…
cycero
  • 4,547
  • 20
  • 53
  • 78
5
votes
1 answer

Complete path from the root node in Javascript Fancy tree

I am using Fancy tree to populate the tree, for understanding the code is shown var treeData =…
Zeeshan
  • 858
  • 4
  • 16
  • 30
1
2 3
…
20 21