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
2
votes
0 answers

Search for node doesn't auto expand folder or show child counter

I have copied some code for the filter functionality for the fancytree from this link: http://wwwendt.de/tech/fancytree/demo/sample-ext-filter.html# I injected the filter functionality into the tree that I have built but when I go to filter the…
2
votes
2 answers

Remove Fancytree Dotted Border

I've got what I think is a basic question, but I can't seem to figure out/find the answer... I'm looking to use the Fancytree plugin, and am wondering if someone can tell me how I can get rid of the dotted gray border line that shows up around the…
Rick B
  • 31
  • 3
2
votes
2 answers

JQuery FancyTree multiple lazy loading of nodes

I am new to Fancytree plugin of Jquery. I want to lazy load nodes of tree. I am unable to load these nodes from different sources. Both the nodes are getting data from same single source. I want node "Lazy Folder1" should load data from…
Kunal
  • 887
  • 1
  • 8
  • 15
2
votes
2 answers

Fancy Tree Icon alignment as vertical center

I am trying to place the file icon in vertically at center position. please see the below Image Here is the Plunkr the file Icon and check box must be place in center, i.e with the text for better look and feel. I tried using vertical-align :…
gaurav bhavsar
  • 2,033
  • 2
  • 22
  • 36
2
votes
1 answer

Get root element of fancytree

I have something like this : -Root 1 --Folder 1 --Folder 2 ---Element 1 -Root 2 --Folder 3 ---Folder 4 ----Element 2 I have a 'select' listener for elements and I need to choose the name or key of Root 1 or Root 2 when I choose Element 1 or Element…
VIPC
  • 39
  • 2
  • 7
2
votes
1 answer

Fancytree refresh any node (not lazy node)

I want to refresh/reload a node in fancytree.I can reload root node using $("#tree").fancytree("getRootNode").tree.reload(); but can't reload leaf node using this. I also tried $("#tree").fancytree("getActiveNode").tree.reload(); but it also…
Subham
  • 1,414
  • 4
  • 17
  • 34
2
votes
1 answer

Drag & Drop between two Fancetrees

Is there a way to combine 2 Fancytrees in a way that Fancytree A is a fixed set of configuration items, Fancytree B is a configuration file and items from Fancytree A can be drag & dropped to Fancytree B without disappearing in Tree A. Within…
Andreas Zeiner
  • 537
  • 7
  • 24
2
votes
0 answers

Fancy tree drag and drop on standard jquery UI droppables

I'm trying to implement dropping fancy tree nodes on standard jquery UI droppables(list view), I would like to drag and drop the tree node to the exact position I want it in the list view at the time of dropping instead of reordering/sorting later…
Thejaswy
  • 191
  • 2
  • 9
2
votes
2 answers

Clicking on title or radio button to select Fancytree node

I'm using Fancytree for radio buttons. I'd like to be able to click on either the title or the associated radio button to select the node. With basic Fancytree initialization, $("#tree").fancytree({ checkbox: true, // turn on checkboxes …
slothbear
  • 2,016
  • 3
  • 21
  • 38
2
votes
0 answers

fancytree set node partially selected

I have to mark some nodes as partially selected, so I set "partsel" property "true", but it doesn't work, when tree finally build this node property has "false". But when nodes are expanding it can work properly. I think that the reason of this…
superdimon
  • 66
  • 7
2
votes
1 answer

FancyTree - Only loads Persist state after page refresh

So I have a FancyTree which is working fine. I want to maintain the state of the Tree when user moves to another Page. And I am following this link to achieve this; http://wwwendt.de/tech/fancytree/demo/sample-ext-persist.html# I am loading all my…
Dawood Awan
  • 7,051
  • 10
  • 56
  • 119
2
votes
2 answers

Fancytree. How to limit dragging possibilities?

I'm going to use fancytree for creating/editing menu categories of goods. I am using nested sets principle in my DB (MySQL). If to say by words of this principle, I need to limit dragging by the following way. I want leaves could be placed only to…
John Smith
  • 1,204
  • 3
  • 22
  • 42
2
votes
1 answer

Fancytree: Add Pagination

I am using FancyTree plugin to display a couple of filenames. Since I have a large dataset for the tree plugin, I wanted to know if the API support pagination in the tree display. I looked through the API but could not find anything suitable. Is…
mini.1601
  • 157
  • 1
  • 2
  • 12
2
votes
1 answer

Select all children without selecting parent

I am using fancytree's multi-hierarchy select mode (selectMode 3) to select which nodes to remove from the tree. The problem is when all the children are selected - the parent is selected as well, but the user may not want to remove the parent from…
2
votes
1 answer

Fancy tree disable checkbox selection for nodes

Fancy tree What we want is to disable the checkboxes based on custom classes that we add. For e.g.: renderNode: function(event, data) { if(!data.node.folder) { $(data.node.span).addClass("custom-class"); } …
Nikhil Das Nomula
  • 1,863
  • 5
  • 31
  • 50