jstree

问题 This is basically a follow up on this question I am trying to add custom tool tips to a jstree which show thumbnails of the image files if they mouse over them. It should use the node's a href value to mark up thumbnail and stick it in a tool tip. Referencing the above-mentioned post, I have managed to get it to show some arbitrary textual tool tip, but that is obviously not what I want. If I were simply adding the tool tip to an img tag or an a tag by themselves, I doubt this would be an

问题 I want to get all leaf-nodes(ID & text of node) from jsTree ? I am not using checkbox ui : jsTree. Root -----A -----A1 -----A1.1 -----A2 -----A2.1 -----B -----B2 -----C -----C1 -----C1.1 I want list of leaf nodes from jsTree. Expected Output : [A1.1, A2.1, B2, C1.1 ] Any help or guidance in this matter would be appreciated. 回答1: Something like this? $('.jstree-leaf').each(function(){ var id = $(this).attr('id'); var text = $(this).children('a').text(); }); 回答2: ///////////////////////////////

问题 I'm using jstree and I want to delete a specific node by its ID after a click on a button. This is my tree in html list format: <div id="testtree"> <ul> <li id="1" title="ID:1"><a>Fruits and Vegetables</a> <ul> <li id="11" title="ID:11"><a>Fruit</a> <ul> <li id="111" title="ID:111"><a>Apple</a></li> <li id="112" title="ID:112"><a>Banana</a></li> </ul> </li> </ul> </li> </ul> </div> and this is my button event (I've got several buttons, hence the array): buttons[0].addEventListener( "click",

问题 I have an array of data in $key => $value pairs that I wanted to display nicely to the user. As I was trying to think of ways to do it, I came up with the though of: It'd be nice if I could just pass the JSON to the page and have a javascript tree made. Then I found jsTree, which seemed to fit my requirements perfectly. After reading the documentation, I found the JSON format which was needed to to be passed to create the tree - so I created a recursive function to transform it in to the

问题 Can I somehow insert a table inside <li> when using jsTree (1.0) and json? let's say in this code where I want to insert table for both node and leaf. Why? To display more things than only a name and using nice formatting. "data" : [ { "data" : "A node", "children" : [ "Child 1", "Child 2" ] }, { "attr" : { "id" : "li.node.id" }, "data" : { "title" : "Long format demo", "attr" : { "href" : "#" } } } ] update: it seems to me that I can use html_titles . But could somebody give me an example

问题 I am facing difficulty in deleting child nodes of a selected node. $(function () { $("#tree").jstree({ "json_data" : { "data" : [ { data : "/", attr : { "id" : "root"}, state : "closed", "children" : [ { "data" : "child1", "attr" : { "id" : "child1.id" }, "children" : [ ] } ] }, ] }, "plugins" : [ "themes", "json_data", "crrm", "ui" ] }) I am using $("#tree").jstree("remove", data.rslt.obj); to remove the child nodes below the node itself but it also deletes the node selected. How can I

问题 I am trying to configure a custom context menu for jsTree. I want files to have two options [Rename, Delete] and I want folders to have one option [Create] The below code seems correct as described here: Configuring jstree right-click contextmenu for different node types However this does not seem to work, there are two problems. Both context menus display the options [Rename, Delete] Choosing either option causes the error: Uncaught TypeError: undefined is not a function What am I doing

问题 I've got a jsTree and a DataTable. I'm trying to copy nodes that I've dragged from my tree to a cell in my table. Is something like that possible at all? It doesn't even show the alerts This is in my html : <li id="tree1" class="jstree-draggable"> </li> <table id="table"> <thead> <tr> <th>1 Column</th> <th>2 Column</th> </tr> </thead> <tbody> </tbody> </table> This is my js : $(document).ready(function() { $("#tree1").jstree({ // List of active plugins "plugins" : ["themes", "html_data", "dnd

问题 I am using XML as my datasource for my JSTree tree, but I cannot find any examples where you can set a node in your XML as a hyperlink, or anywhere to set your own node types with their own icon etc. Has anybody done this and have examples? 回答1: I think you're looking for the jsTree Types plugin documentation. 回答2: The documentation for jsTree states: All attributes you set on the item node will be transfered to the resulting li node. All attributes you set on the name node will be transfered

问题 I think the subject is reasonably clear. :) I'm a jstree newbie and have tried to parse the docs, but I'm getting a bit stuck with this one. I have the following code: $("#tree").jstree({ "json_data" : { "data" : [ tree.company ] }, "themes" : { "theme" : "smb", "dots" : false, "icons" : true }, "plugins" : [ "themes", "json_data", "ui" ] }).bind("select_node.jstree", function (event, data) { $('#tree').jstree.refresh(data.inst.get_selected()); // FIXME }); The tree loads and displays just