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
1
vote
1 answer

Errors when I use a fancytree instance

I am a newbie of using fancytree. I have created a demo to display data in a table within a webpage. Now I hope to collect the data back after users updated them. I was using so called tree methods as mentioned in the tutorial. There is an example…
Daqi Dong
  • 23
  • 1
  • 6
1
vote
1 answer

Copy selected nodes to a new tree

I'm trying to copy all selected nodes from one fancytree control to another one on the same page. So far I've tried the following code but the second tree remains blank: var sourceTree= $("#tree").fancytree("getTree"); var…
Dr. Greenthumb
  • 2,280
  • 5
  • 27
  • 33
1
vote
2 answers

Fancytree scrolling to specific element

I'm activating a tree node from an external panel. since the tree is pretty large i want to autoscroll to the activated node and do some further data reading ... my question is how to perform such an automatic scroll? i've searched around a lot but…
Andreas Zeiner
  • 41
  • 1
  • 4
1
vote
1 answer

Fancytree render all elements

https://github.com/mar10/fancytree Basically this tree adds and removes child elements on expand / collapse. I cannot modify DOM elements for the children unless the tree is expanded. I've searched the documentation for a solution an haven't found…
Sherlock
  • 13
  • 6
1
vote
1 answer

Fancytree Custom json format in source ajax

I am using fancytree, table extension, I'd like to know is it possible to use a custom json format for ajax request in fancytree. for example the json format is {"pagination":{'page':1, 'total_page':20}, 'node_list':[{'key':1, 'title':'abc'},…
user1377324
  • 165
  • 2
  • 14
1
vote
4 answers

Setting font color in Fancytree "extraClasses" not applying

I have a tree in my web app that utilises fancytree. It all works very well except that for some nodes I need to set the font color to red. I'm using extraClasses in my JSON which is all applying perfectly against the appropriate nodes and can be…
Jane S
  • 1,417
  • 16
  • 21
1
vote
4 answers

drag fancytree node to an external droppable

I have a fancytree populated with some json. I also have a droppable div. I want to be able to drag nodes within the tree (ie to move stuff about within the contained hierarchy) and I want to be able to drag stuff from the tree into my external…
Sheena
  • 15,590
  • 14
  • 75
  • 113
1
vote
1 answer

Fancytree not loading with ajax request

I'm having a problem with fancytree. I have an aspx page, with a webmethod on the codebehind. I was trying to initialize the tree with an ajax call, but for some reason it looks the ajax call isn't getting there. This is my javascript code to…
Cinnamon
  • 81
  • 4
1
vote
1 answer

how to distinguish expand vs click in fancytree?

>[\] Group >[\] Subgroup [] Item [] Item ... ... ... I have tree like demonstrated. [\] implies that it is not selectable, while [] stands for checkbox, which can be selected. I would like that CLICKING on Group or Subgroup…
andilabs
  • 22,159
  • 14
  • 114
  • 151
1
vote
1 answer

JQuery - Fancytree Could not apply extension drag n drop

I'm using JQuery fancytree, and I got an error when I use drag'n drop. My project is using other extensions (like Filter, Child Counter) but dnd cannot be apply. I think that I got latest version of fancytree dnd js file (got it on github). I…
user3469623
  • 13
  • 3
1
vote
0 answers

FancyTree persist and cookies

I'm using fancyTree with persist extension in Groovy and Grails mode. I am uploading the data to the tree through AJAX (json). Anytime I click on the leaf another path opens on the same domain but different path. For every path another cookie is…
codeBarer
  • 2,238
  • 7
  • 44
  • 75
1
vote
1 answer

FancyTree has Empty Nodes

I have the folowing code pretty much straight from the demo: $("#treetable").fancytree({ extensions: ["table"], table: { indentation: 20, // indent 20px per node level nodeColumnIdx: 0 // render the node title into the 1st column }, source: {url:…
eggs
  • 331
  • 1
  • 4
  • 10
0
votes
0 answers

Getting dotted grey rectangular box when dragging fancytree node

I am migrating from dynatree to fancytree-2.38.3. Everything works fine but i'm facing one issue i.e when im dragging any node from one tree to another im getting dotted grey box instead of default fancytree icons(the ones we get dragging and…
Harshita Joshi
  • 3
  • 2
0
votes
0 answers

FancyTree select to populate form from AJAX data

I have implemented fancyTree which populates itself from JSON data, I am trying to build it so when a file is selected in fancyTree, a HTML form is auto populated from the rest of the JSON data, But I cant get it working HTML Form:
Lewis Boxer
  • 1
0
votes
0 answers

Fancytree ariagrid and keyboard navigation problem

I have a page containing several fancytree instances making use of the table and ariagrid extension. Users are able to manipulate nodes in the tree with buttons. For example they can copy or delete selected nodes. Those updates are made via AJAX…
chva
  • 13
  • 4
1 2 3
…
20 21