jstree

I'm using jstree to create a multi-level tree, and I want to be able to set a larger line-height than you usually see, so that I can have some large headings. (If I set the font larger, the lines simply overlap.) I've tried setting the line-height CSS property on the li and a elements, but neither have an effect; jstree seems to be programmatically overriding those values. (I even tried using jQuery to re-set those values after the tree is created, but that didn't help.) To make things more complicated I would like to have different levels have different spacing, so that the top levels can be

I've found that using the ui plugin breaks the links for the tree nodes. This isn't anything new, I've found references to this problem elsewhere. The first cause was a problem with v1.6 of the jquery validation plugin. I'm not using that plugin, so that can't be the cause. I also found a good posting describing a few ways of adding the jstree-clicked class to the <a> tag. That looked promising, but when I tried it I didn't notice any difference. Here is a very simple example: <div id="treediv"> <ul> <li id="page1"><a href="http://www.yahoo.com" class="jstree-clicked">YAHOO!</a></li> </ul> <

I have a nicely running implementation of jsTree running on a project of mine. The JSON data is provided by PHP/Ajax. I've run into some trouble while using the search plugin. jsTree's search plugin documentation says: so in your response you must return the path to the node (without the node itself) as ids: ["#root_node","#child_node_3"] ...so, my server side search function is returning a path to the matched node like so (yes, I'm json_encode ing it): Array( '#1', '#2', '#3', '#5' ); // to match node #10 (leaf node) at the end When these values already exist in the DOM, the client side

I'm using jstree v.3. I have a working example, where all the data is downloaded once from the server side via ajax. $('#tree').jstree({ 'core': { 'data': { 'url': "/ajax/getAll", 'data': function(node) { return {'id': node.id}; }, // "check_callback" : true } }, "types": { "category": { "icon": "/img/category.png" }, "page": { "icon": "/img/page.png" } }, "plugins" : ["types"] }); But I have A LOT of data to present. I want to load data for items, that were clicked. I don't have problems with server side, but I can't find examples for jstree part. Can anybody share the code or give advise?

I am currently working on some POC using JS Tree plugin and related check box plugin. For certain nodes I need to check the check box by default and disable any further selection.I found the function to hide the check box .bind("load_node.jstree", function (e, data) { $(this).find('li[rel!=file]').find('.jstree-checkbox:first').hide(); }); instead of hiding the check box completely I want to find a way to disable check box for certain nodes mcabral You will need to define a "disabled" type (using the types plugin) and then assign that type to the desired node. Take for instance this "disabled"

I am creating a node by using crrm as below $("#TreeDiv").jstree("create", $("#somenode"), "inside", { "data":"new_node" }); This function is called through a wizard (i.e I am creating a node in place). So far I am successful to get a node under #somenode in that tree. The problem when the new node is created it appears focused and still editing of the node name is observed. Screenshot below - How can I disable this editing programatically I know it's old question, but i've used a lot of time searching for an answer to this and kept finding older question with this answer, so maybe this update