Stack Overflow
Stack Overflow

Questions tagged [jstree]

jsTree is a JavaScript-based, cross-browser tree component packaged as a jQuery plugin.

jsTree is jquery plugin written by Ivan Bozhanov, that provides interactive trees. It is absolutely free, open source and distributed under the MIT License. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading.

jsTree functions properly in either box-model (content-box or border-box), can be loaded as an AMD module, and has a built in mobile theme for responsive design, that can easily be customized. It uses jQuery's event system, so binding callbacks on various events in the tree is familiar and easy.

Just a few of the features worth noting:

  • drag & drop support
  • keyboard navigation
  • inline edit, create and delete
  • tri-state checkboxes
  • fuzzy searching
  • customizable node types

It supports multiple browsers including Internet Explorer 8+, Mozilla Firefox, Safari, Opera and Google Chrome, as well as most mobile browsers.

See also:

2044 questions
9
votes
2 answers

How to set custom icon for jstree with html source

I need to have a jstree that is configurable from the database and I'm having trouble with the icons (this is just another column in my query containing the name of the icon). The problem is that I cannot display it correctly. I build this list by…
Roger
  • 2,912
  • 2
  • 31
  • 39
9
votes
2 answers

JsTree how to create a root node

How to create a root node using 'create' method Root |___ Child1 |___ Child2 I am using JsTree, by using 'json_data' I can able to create nodes, but I want to create all nodes dynamically using 'create' method. Please help me....
sokid
  • 813
  • 3
  • 10
  • 16
9
votes
6 answers

jsTree "create_node" really not working

I am trying to dynamically add a new node in my jsTree container. It is not working at all. I don't know what i am missing. jsfiddle example $("#tree").jstree({ core: { "animation": 0 }, "html_data": {}, "themes": { …
Catalin
  • 11,503
  • 19
  • 74
  • 147
8
votes
2 answers

jsTree: progressive_render with ajax / render nodes from an array

This is regarding the jsTree jQuery plugin. I've been struggling with this for a while now only to realise it's not (natively) possible to do, so I thought about the following solution to my problem below (which doesn't work). I have a tree that…
Amir
  • 1,882
  • 17
  • 22
8
votes
5 answers

JsTree: changing the "open" icon for folders using the "types" plugin

It's easy to specify what the icon should be for a closed folder using the "types" plugin. But can the types plugin also be used to specify what an open folder should look like, or can I only do this with CSS (like below) ? li.jstree-open > a…
Captain Sensible
  • 4,946
  • 4
  • 36
  • 46
8
votes
5 answers

JSTree: Make node expand when single clicked instead of double click?

I can't figure this out for the life of me but I am trying to configure my JSTree to override the double click event so it is just single click event. Is this something added to the callback configuration? I am not sure how to do this, will I need…
MetaGuru
  • 42,847
  • 67
  • 188
  • 294
8
votes
1 answer

JsTree conflicts with jquery.validate

I have a Jstree populating a list of items. When I click a node a partial is loaded with ajax. Everything works fine until I include the jquery.validate script to validate my forms.