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

Disable Text Selection highlighting in Fancytree Mutliselect Mode

I have to allow multi-select in Fancytree with SHIFT and Mouse Click combination. Here, how to avoid the default text selection when using the SHIFT key. I have tried applying the required styles as mentioned here and it is not working. Is there any…
Prasanna
  • 21
  • 4
1
vote
1 answer

jquery fancytree string length customization with a tool tip

When displaying data in a fancytree tree structure I want long strings to be displayed as follows. The first 24 characters should be shown and then an ellipsis like ("apple ... ") and on hover it should show the complete string in a tool tip. Is…
keshab kumar
  • 11
  • 4
1
vote
1 answer

AngularJS and FancyTree: Events firing, but with undefined parameters

I'm trying to write a directive for fancytree. The source is loaded through ajax and almost everything looks like a charm. The tree is correctly shown, events are firing nice, but the parameters get undefined at the controller side. It looks…
cezarlamann
  • 1,465
  • 2
  • 28
  • 43
1
vote
1 answer

Fancytree how to select/deselect all clone node

I am use fancybox plug in, and don't know how to select/deselect all clone node? I am set refkey but not working. Do you have any ideas. Thanks a lot. $("#tree1111").fancytree({ checkbox: true, extensions:…
BCM
  • 665
  • 5
  • 20
1
vote
0 answers

Fancy Tree Plugin is removing -tags and IDs from my
  • -elements

    • edit: Somehow i have forgotten to say hi... Hi guys! so far i've always found an answere to my questions because the question has already been asked and answered. But this time i searched for hours and still have no idea why my code is not working…
    JustAMicrobe
    • 427
    • 6
    • 15
    1
    vote
    1 answer

    Fancytree: Possible to get a table node from its element?

    I have a large and complex fancytree that uses ext-table in which the first column is the node title and the second is an field. I am validating these input fields using jquery validate and I intend on getting the invalid elements through…
    bpromas
    • 684
    • 1
    • 11
    • 25
    1
    vote
    1 answer

    Jquery fancytree. How to iterate over all siblings and get custom attributes of each?

    I use sorting plugin. When I move element1 to some other element2, I need to iterate over all siblings of element2. How can I do that? Moreover, I need to get some custom data- attribute for each element.
    John Smith
    • 1,204
    • 3
    • 22
    • 42
    1
    vote
    1 answer

    how to add class to `li` tag in fancy tree jquery

    How to add class to li tag in fancy tree jquery. I tried using extraClasses but it adds the class to the span tag can anyone help me? {title: "Node 2", folder: true, lazy: true, treeMode: "struct", keyType: "root", key:…
    user5147795
    1
    vote
    0 answers

    How can I force Fancytree to render hidden nodes with ext-table?

    I have two fancytree tables, and I can drag a node from one tree to the other. Once I drag the node I dynamically add a set number of children to the dragged node, which all have input fields in the next column, rendered via renderColumn. The…
    bpromas
    • 684
    • 1
    • 11
    • 25
    1
    vote
    3 answers

    Fancytree: implementing bootstrap skin

    I currently have a working fancytree that is using the Windows 7 skin css, but the rest of my application is based on the Bootstrap style. I am having trouble implementing the bootstrap skin to Fancytree. When I do (by replacing my win7 css file…
    bpromas
    • 684
    • 1
    • 11
    • 25
    1
    vote
    1 answer

    Javascript FancyTree: is it possible to distinguish between the selection of a node and the action of expanding it.

    I would like to achieve the following behavior with my tree. When someone select the corner icon that signal that the node is expandable, i would like the node to expand and only expand (no selection). Meanwhile, when someone select the node (i.e.…
    MaatDeamon
    • 9,532
    • 9
    • 60
    • 127
    1
    vote
    1 answer

    To display name of the keys of json data in tree format using fancytree?

    I am using Fancytree jquery plugin with json data to display data in tree format. The question is, I want to display the key names instead of values as my tree nodes. For example, [{ "title": "Sample json", "expanded": true, "folder":…
    Ravz
    • 43
    • 7
    1
    vote
    1 answer

    How to reload a the entire tree using fancytree widget (Yii2) after dropping a node

    I want my tree to reload after I drop a node. The problem is I can't seem to figure out how to call the function on the tree. I've tried using tree, the id of the container, fancytree, you name it.. Here's the source where I load the fancytree…
    Wijnand
    • 1,192
    • 4
    • 16
    • 28
    1
    vote
    1 answer

    How to add custom child nodes on an initilized fancytree

    I have a json response that is parsed through js & made as ul,li tags in javascript. I will then call .fancytree to make these ul li into a fancytree structure. Now I requirement of clicking an icon within an li element. This click does an ajax…
    sarath nadupalli
    • 11
    • 3
    1
    vote
    1 answer

    Fancytree passing parameters when loading nodes

    How can I pass parameter to .NET web method with fancytree Public Shared Function ReadNodes(parentId As String) As String I am trying to send it like this, but it always gets sent as a querystring parameter. $("#tree").fancytree( { source: { …
    lucafik
    • 295
    • 1
    • 6
    • 18
    1 2 3
    …
    20 21