Questions tagged [jstree]

jsTree is a versatile tree element built with JavaScript that functions seamlessly across various web browsers. It comes packaged as an efficient jQuery plugin, providing enhanced user experience and functionality.

Is there a way to deactivate the multi selection feature in jsTree?

I encountered an issue while using the jsTree plugin. I created a common piece of code that utilizes the class selector for this plugin. However, when I applied the plugin to another page, I noticed that the single selection feature was not working as inte ...

jsTree open_all not triggering consistently

Upon receiving x number of projects and their corresponding directory structure from the server in a single AJAX call, the connection is disconnected from the server. Subsequently, all operations must be carried out from the browser. After loading the pro ...

Is it possible to extract a specific value from JSON data by making an AJAX call or applying a filter to the fetched JSON data?

I have been utilizing a treeview template and successfully displaying all the data. However, I am facing an issue where I need to pass a value from index.php to getdata.php. I attempted using an AJAX filter on the index.php page and also tried sending a v ...

Having trouble with Ajax request in IE browser?

Currently, we are utilizing this code for an Ajax call with the JStree library. However, there seems to be an issue when using Internet Explorer as it is not functioning properly. The requests work correctly on the initial attempt, but upon modifying dat ...

Require assistance in constructing a tree structure utilizing the jstree plugin and JSON within the MVC framework?

I am struggling to create a tree structure using the jstree plugin and Json within my MVC 4 project. However, there seems to be an error in my implementation that I can't seem to identify. Here is the Json snippet: [OutputCache(Duration = 0)] [Ht ...

HTML replacement on an element cannot be done more than once. Solving the issue with Rails and JQuery Ajax

I have created an application with 4 buttons, each representing a different directory. When a button is clicked, an Ajax call is made to generate a JStree element displaying the directory hierarchy. Everything works perfectly when I click on the first but ...

Issue with disabling checkboxes in jsTree

Currently utilizing the latest version of jsTree in one of my applications. I would like to have specific checkboxes disabled by default. To achieve this, I am referencing this resource. The jstree code I am using is as follows: $("#"+"div_"+aspectid).js ...

The jsTree rendering does not properly display the "closed" state of the JSON data nodes

Currently, I am in the process of setting up a jsTree instance to display a directory listing from a file server. However, I am encountering challenges with getting "sub-folder" or "sub-directory" nodes within the jsTree to show as open-able. Even though ...

Reconstruct jstree once ul or li elements are added through ajax

Is there a way to rebuild jstree after adding ul/li elements through ajax? Currently, I am initializing the js tree using the html structure of ul li. For example, let's say I want to add an li element with the text "clickme" to the first node. Initially, ...

Efficiently loading data using lazy loading in jsTree

I have been facing a challenge with dynamically loading the nodes of a jtree upon expansion. The limited documentation I could find is located towards the end of this specific page. Several solutions involve creating nodes individually using a loop, simil ...

Tips on incorporating jstree into an Angular 2 application with TypeScript and @types/jstree

Hello, I am new to ng2 and have a question that may seem obvious to some. I recently installed the jstree library using npm in my angular-cli application by running the command npm i jstree --save. Following this, I also installed the types for jstree wi ...

Exploring the Best Methods to Retrieve the data-id in jstree JSON data

My goal is to retrieve the data-id from a dynamically generated tree form using JsTree (which has checkboxes), but unfortunately, my current approach isn't working. To iterate over the checkboxes and account for multiple selections, I am utilizing the $.ea ...

Incorporating JSTree Into Your Website's Heading: A Step-By-Step

I'm in search of a way to integrate the following code snippet as a JSTree into the heading section of a webpage, depicted below: <div id="jstree"> <ul> <li>Core 1 <ul> & ...

JsTree drag and drop feature malfunctioning: Icons disappear when dragging items

I am currently utilizing JsTree with the drag and drop plugin enabled in conjunction with an angular directive, https://github.com/ezraroi/ngJsTree. Everything appears to be functioning correctly, however, when I move a node, it does not visually show as ...

Enabling JsTree Checkbox selection according to unique data-id values

I am seeking assistance to automatically check unchecked checkboxes in a jstree based on their data-id values. When the dropdown selection changes, I want to trigger this action. Below are details of my controller and AJAX method. View of my jstree is sho ...

The issue of conflicting checkboxes and types plugins in jstree

Working on constructing a tree with the jstree JavaScript library and incorporating two jstree plugins: checkbox plugin types plugin Below is a snippet of code for reference: var mydata=[ id: "1", parent: "#", text: "node1", }, { id: "2", parent: " ...

jsTree unable to locate node using the provided ID

Implementing the jsTree on the webpage is not a problem for me. I have experimented with numerous suggestions from different sources. $('#myTree').jstree({ .... }) .on('loaded.jstree', function (e, dta) { var t = $('#myTree&a ...