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

How to select parent checkbox when i select one of child checkboxed in jQuery (Fancytree)

I want to select parent option (checkbox option) when I select child option like one of the child option in jQuery. I am using the fancytree package. Here is my code : $("#tree").fancytree({ checkbox: true, selectMode: 2, …
divakar
  • 61
  • 2
  • 10
1
vote
1 answer

fancytree - Update the data of a child node and send it back

I am trying to implement Fancy Tree which displays data in tree structure as well as stores the updated child data. I need it in the request, to update in database. My Fancy tree has 3 levels. 3rd level has child with additional JSON Key-Value…
Maddy
  • 21
  • 3
1
vote
1 answer

FancyTree bootstrap theme doesn't apply

I have my FancyTree initialised in a class. Here's what the class imports: Tree.js import fancytree from 'jquery.fancytree'; import 'jquery.fancytree/dist/modules/jquery.fancytree.edit'; import…
Martin Goncharov
  • 130
  • 2
  • 10
1
vote
2 answers

scrollIntoView() not scrolling node to top of tree

I've got the problem with scrollIntoView() function. I've got a tree and two buttons: first of them will scroll tree to bottom node second will scroll tree to top node I don't know what I should to do that this scroll operation will always scroll…
Presto
  • 888
  • 12
  • 30
1
vote
0 answers

FancyTree partially selecting all parent nodes when selecting a node (similar to multi-hier select mode but in single select mode)

I wanted to give a better visual cue to the user when selecting a child node in FancyTree similar to the multi-hier select mode but allowing the user to only select one node at a time, so when the user checks the checkbox of a node I need all parent…
mohas
  • 1,911
  • 1
  • 16
  • 20
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
1 answer

How to expand root node by default

I have a problem in expanding my root node by default. I want to expand root node when tree loaded. I tried with the max depth but not working
1
vote
1 answer

Fancytree ext-table dnd(5)

I try to use fancytree with ext-table and dnd5 extension. So far this works fine for me. I would like to sort the table columns via dnd also. Registering the content as draggable does not work. I get the following exception: Uncaught…
Thomas
  • 53
  • 1
  • 7
1
vote
0 answers

Post process for lazyload, mapping names to title and key

the result for the post processing works for the following: return o && { title: o.combndName, key: o.parentSqn, folder: true , lazy: true}; However, the data set for the child elements do not have title and key natively and also need to be mapped…
dirtyw0lf
  • 1,899
  • 5
  • 35
  • 63
1
vote
1 answer

How to allow users to select text that is in a fancytree node

I tried my best and I am unable to find a way to allow users to be able to select the text that is displayed as a node text in fancytree. I am not talking about selecting the node itself, but to copy the text displayed. For example, in this…
Jim Malone
  • 11
  • 2
1
vote
0 answers

How to Render Django MPTT TreeNodeMultipleChoiceField as A Tree

I like to use jquery (i.e jquery.fancytree) or bootstrap library to rednder my form as a tree. I do not know how to! I do not want to use mptt_tags recursetree. I need to use the Form and not the Model. Snapshot of the app with two level is…
1
vote
1 answer

Expanding a fancyTree via lazy load

I have set up my fancytree to open via lazy loading, and it works very nicely. $("#tree").fancytree({ selectMode: 1, quicksearch:true, minExpandLevel:2, autoScroll: true, source: [{ title: "Root", key:…
gordon613
  • 2,770
  • 12
  • 52
  • 81
1
vote
1 answer

fancytree drag n drop node revert back to original position

How do you make a node in fancytree revert back to it's original position after being dragged to a new place in the tree, for example after dropping the node to a new position I would have a confirmation dialog yes or no to move the object if the…
ONYX
  • 5,679
  • 15
  • 83
  • 146
1
vote
1 answer

how can i generate fancytree json format using php

please i use fancytree for the first time, and i found some difficults in generating a Json result for fancytree. i have a database table contain id, name, desc, parent_id. i'm working on codeigniter this is my code : public function my_tree(){ …
1
vote
1 answer

change fancytree html node structure

Is it possible to change the html node structure ?
Direction Générale des Services