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
0
votes
1 answer

jstree: how to make resulting nodes (with children) from a search expandable?

I'm working with the following tree fiddle: searchable jstree fiddle My question is, how do I make resulting nodes from a search expandable? Example: in the fiddle above, the 'Orange County' node has three child nodes. If I drill down to 'Orange…
user3430245
  • 31
  • 6
0
votes
2 answers

custom jstree JSON data parse into tree

i have a simple JSON data which is this : [ "env/child1/env/key1", "env/child1/key1", "env/child1/key2", "env/child1/", "env/child2/key1", "env/child2/key2", "env/child2/", "env/" ] how can i make jsTree understands this…
Vagho
  • 117
  • 1
  • 15
0
votes
1 answer

jsTree set node from Ajax Data

I'm trying to use JsTree, with Ajax. The first image shows the initial state of JsTree without the Ajax call. The user click on the first node, and selects all items, according second image. Before post values, I call a function to grab all the…
Tiedt Tech
  • 719
  • 15
  • 46
0
votes
1 answer

Refreshing jstree after successful rename event (maybe WCF and or caching problem?)

I have a jstree that loads it's data from a DB through a WCF service using JSON. I managed to get jstree's rename context menu item to "work", meaning: I bound an ajax call to the jstree rename event, so when the user renames a node, it tells a WCF…
MGOwen
  • 6,562
  • 13
  • 58
  • 67
0
votes
1 answer

Adding a node just after one node (jstree)

I'm creating a tree using jstree javascript library https://www.jstree.com/ .I need to create a new node just after current node as a sibling. Elem 1 Elem 2 Elem 3 My point is when i click on Elem 2 a new node say Elem 2.5 is added in between Elem…
Pranav Ramachandran
  • 497
  • 3
  • 10
0
votes
1 answer

How to add create,edit,delete bootstrap icon in hover action on jstree node menu in emberJS

{{ember-jstree actionReceiver=jstreeActionReceiver selectedNodes=jstreeSelectedNodes data=data eventDidBecomeReady="handleTreeBecomeReady" plugins=plugins themes=themes …
Umesh Kumar
  • 3
  • 3
0
votes
0 answers

jstree: endless loading symbol

I try to get a folder tree in my view. I am getting my json string, but when i call JSON.stringify(data) and pass this i get an endless loading icon in the view.