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

Unable to dynamically add/delete elements to jstree

I've searched the site, and as per various older answers, I made sure that 'check-callback' was set to 'true'. I also tried using a function in check-callback. I found a very simple jsfiddle that exhibited working behavior…
betseyb
  • 1,302
  • 2
  • 18
  • 37
0
votes
1 answer

ContextMenu Items in jQuery

I want to show conditional contextMenu Items via jQuery. For Example : I have cars in my account. And I wanted to show options on conditions. If car is of my own then all menu items should be visible to me. And if it is shared with me then only…
MongoUser
  • 131
  • 1
  • 4
0
votes
2 answers

jstree - load contextmenu via ajax

I am using jsTree to build a knowledge base for a customer support service. For this, I need to be able to send contents from each node to any of currently active users on my website. This means that each time I call a context menu for a node, I…
kurtgn
  • 8,140
  • 13
  • 55
  • 91
0
votes
1 answer

in jstree dynamic menu how to make toggle links

I created a dynamic menu using jstree plugin, here my problem is to toggle the menu when we click on parent1 then the sub child will get opened and when i click on parent2 ie node two then i want to close the parent1. How to implement this. node1 …
vijay kumar
  • 287
  • 2
  • 8
  • 28
0
votes
1 answer

convert a nested set into data (json/html) for use in jstree

I have a database with a table, in which data is stored as a nested set. The table looks like this: id lft rgt name depth 0 1 768 ROOT 0 550300 2 3 external 1 580943 4 5 teachers …
ErikL
  • 2,031
  • 6
  • 34
  • 57
0
votes
1 answer

Hi I'm trying to write search functionality for my JSTree, but its showing error saying jypeerror $(...).jstree(...).search is not a function

$('#temp').jstree({ 'core': { 'data': userInfo }, "plugins": ["search"] }); $(".search-input").keyup(function() { var searchString = $(this).val(); …
Chetan
  • 11
0
votes
1 answer

Only 1 folder called in jstree

I'm currently trying the jstree to list my folders in my Dropbox API, but only 1 folder is being display but I have to 2 folders in my dropbox.. But when I console the function console.log(entry); the reposnse is the 2 folders being shown, but when…
VLR
  • 312
  • 1
  • 4
  • 18
0
votes
1 answer

jsTree: tabbing out of edit mode?

I'm using the jsTree plugin in my current Angular 2 project. All is working well, but I'm now trying to add specific behavior: When the user is editing a node and he presses the tab key, I want to automatically add a new empty sibling node directly…
Jort
  • 1,401
  • 8
  • 23
  • 39
0
votes
1 answer

How can I cancel the the last call of a jsTree (using $.jstree())?

Using jsTree 1.0-rc3 Using JS tree I have a dropdown refiner. That will set the content called loaded into the tree. But on each call the tree updates without aborting the last call, so you can have the tree showing old calls if they return after…
Michael
  • 316
  • 3
  • 18
0
votes
1 answer

not opening the subfolders of the selected directory - jstree

Hello everyone I need to open the tree up to the selected folder only, that is to say without opening the subfolders of the selected directory For example in the image I do not want to open the file "test3"enter image description…
0
votes
0 answers

jsTree 3 icon position

I am currently trying to upgrade jsTree to version 3.3 but I am having some issues. We are using a sprite sheet for the icons and use positioning to get the correct one. Sadly it seems that the position has been removed in the new version of jsTree.…
Sinnbeck
  • 617
  • 4
  • 20
  • 56
0
votes
1 answer

Unable to call a function when a node is checked/unchecked in JStree

I have a requirement to perform a recursive action whenever a node is checked/unchecked in JStree. I tried to do the following, but the function is never invoked. How should I call a function from JStree on checking/unchecking a node? …
0
votes
1 answer

jstree is not working properly

I have this array: $arr = array( '17-GUIDO HUMBERTO -3 ', array( '2-José-3' ), array( array( '18-juan andres-3' ), ), '17-luis -3 ' ); I have this function: function listArr($arr) { …
Jesús Cova
  • 339
  • 3
  • 18
0
votes
1 answer

jsTree error after triggering contextmenu custom event

I setup this contextmenu $('#myJsTree'). { ..... , 'contextmenu': { 'items': function (node) { if (mode != "Open") { var tmp = $.jstree.defaults.contextmenu.items(); delete tmp.rename; …
Steve
  • 905
  • 1
  • 8
  • 32
0
votes
2 answers

JSTree with Datatables

I have two columns on a page, with a checkbox jstree on the left and a table using datatables on the right. The table rows and tree are all loaded at startup. I would like to show a row when the node is selected on the tree and hide the row when its…
james Makinde
  • 943
  • 3
  • 17
  • 36
1 2 3
99
100