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

Prevent Bootstrap popover from resetting content on show

I am using a bootstrap popover to display an instance of fancytree. On the initial click of the button that triggers the popover, everything loads and initializes correctly.The user can select items in the tree, search for items in the tree, etc.…
Reasoned
  • 147
  • 2
  • 12
1
vote
1 answer

On Fancytree jquery plugin what is the event that occur when no data presented?

I using the fancytree plugin. sometimes i get empty data from the server(because this the result of the user input). but i want to know that ther is no data. what is the event when there is no data?
eyalb
  • 2,994
  • 9
  • 43
  • 64
1
vote
1 answer

How to change fancytree SelectMode on a button click event?

I am using the a tree view/tree grid plugin which is called fancytree (Here is the link) I initially (when the page loads) set the selectMode to 2 which allows the users to select multiple options. // Init $("#Organizations…
arvind
  • 189
  • 3
  • 19
1
vote
1 answer

Fancytree JQuery - Get node children and sub children

I'm using Fancytree (https://github.com/mar10/fancytree) and I have this tree structure: root |_ child1 |_ subchild1 |_ subchild2 |_ subchild3 |_ subchild4 If the the selected node is child1 I can get the first…
darkcode
  • 868
  • 12
  • 27
1
vote
2 answers

fancytree ext-table: how to have a fixed header row

How can I stop the heading row on a fancytree table from scrolling - allowing only the data rows to scroll? Here's the HTML I'm using.
1
vote
2 answers

Fancytree JSON CSS class for icon

I am trying to use CSS classes for icons instead of the icon property so instead of having {icon : "public/assets/icon.gif" } ; to have something like {icon : className} ; If this possible ? If not , is it something i can do with jQuery ?
VIPC
  • 39
  • 2
  • 7
1
vote
1 answer

Two fancytrees one selection is controlling the content of the other

I have a page with two fancytrees on the page - Tree1 and Tree2. Under Tree1 is a button "show activities" When this button is clicked then Tree2 will load it's content based on the node selection in Tree1. How can I do this? I'm thinking a click…
1
vote
3 answers

Make hover highlight entire li row in FancyTree

I'm using FancyTree and wish to highlight the entire row when an li item is hovered over. At the moment, it only highlights the li itself, and the highlight thus doesn't extend all the way to the left hand side margin (of the parent ul). You can see…
Jingo
  • 768
  • 1
  • 10
  • 23
1
vote
0 answers

Fancytree Drag and Drop - how to disable the whole tree from scrolling up when clicked on

The Fancytree drag and drop demo example has the problem too. To replicate the problem: Visit the Fancytree DnD demo example here: http://wwwendt.de/tech/fancytree/demo/#sample-ext-dnd.html. Make the browser small enough so the tree in the page…
Sleiman
  • 1,620
  • 1
  • 12
  • 16
1
vote
1 answer

Unable to load Fancytree using ajax

i am trying to load Fancytree with ajax. Bellow is my code, I am not getting any error while calling the method. Also i have verified that data return back to the ajax method. But unable to load child objects into the tree. can someone help me to…
LAW
  • 11
  • 2
1
vote
1 answer

FancyTree activate function for a node on initiating

i need some help. I am trying to build a fancytree with url as source var currentTree = $('#files_tree'); var urlBase = currentTree.attr("data-url"); currentTree.fancytree({ extensions: ["glyph", "dnd"], …
Wael
  • 455
  • 1
  • 4
  • 17
1
vote
1 answer

Sorting whole fancytree by title fails

I have a js code at my page that gets JSON-hierarchy from server with separate load and builds a visual Fancytree hierarchy at page (i left html page parts out from example). $(function() { $("#tree").fancytree({ source: { url:…
Juha Tuomala
  • 111
  • 11
1
vote
3 answers

Select/deselect all node with same ID on fancytree plugin

I am trying to create company structure. One employee can been employeed in two sector, but this is same employee with same ID id = employee1. Checking if is item selected or deselected and this is working. I having problem with nodes with same…
BCM
  • 665
  • 5
  • 20
1
vote
1 answer

fancytree tr class persist

I try setup different class for tr this code work, but fancytree when i click to tr - select id add fancytree-active and when i unselect it fancy remove all css classes from tr and add defaults. How i can persist tr…
Developer
  • 2,731
  • 2
  • 41
  • 71
1
vote
3 answers

Fancytree selenium click event

We are testing a web application using selenium and are trying to simulate the fancy tree expand event using the following driver.findElement(By.xpath("//div[@id='tree']/ul/li/span/span[@class='fancytree-expander']")).click(); The fancytree looks…
Nikhil Das Nomula
  • 1,863
  • 5
  • 31
  • 50