jstree

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I am using below code while page load to generate a tree using jsTree . $('#jstree_demo_div').jstree({ 'core': { 'themes': { 'name': 'proton', 'responsive': true }, 'data': results, "check_callback" : true } }); All is working fine and results array is showing as tree.I want to add /append dynamically child nodes while clicking on few of the nodes in this static tree. Please help. 回答1: If you set the children property of a particular node to true then the node is rendered as closed, and when the node is expanded then core.data.data and core

i'm using the following code: $("#treeview").jstree(); $("#treeview").jstree('open_all'); With the following html: <div id="treeview"> <ul> <li> <a href="#">rubentebogt</a> <ul> <li> <a href="#" onclick="goTo('index.php?module=alarm&pagina=dashboard&id=6',false);">Beneden</a> </li> <li> <a href="#" onclick="goTo('index.php?module=alarm&pagina=dashboard&id=7',false);">Boven</a> </li> </ul> </li> </ul> </div> My problem is that all nodes stay closed, i can't get them to open with jstree('open_all'); The jsTree documentation is "sub optimal". The docs don't clearly state that the initialization

之前后台使用 jstree 做权限控制，于是此次语音后台的权限也移植过来了，但在使用时遇到了麻烦。 如上图， 北京信息有限公司one 做为集团公司，旗下有两家子公司，子公司的权限来源于平台授予给集团公司的权限，也就造成了 jstree 渲染时，数据结构不一样。 // 添加权限 $(document).on( 'click' , '.addrole' , function () { $( "#tree_2" ).data( 'jstree' , false ).empty().jstree({ "core" : { "themes" : { "responsive" : false }, "check_callback" : true , 'data' : { 'url' : '/url/' + $( this ).attr( 'data-id' ) } }, "types" : { "default" : { "icon" : "fa fa-folder icon-state-warning icon-lg" }, "file" : { "icon" : "fa fa-file icon-state-warning icon-lg" } }, "plugins" : [ "checkbox" ] }); }); 上面的代码是之前的平台的

I have the following code: $('.wpFolders.co_files').bind('select_node.jstree', function (event, data) { getFileById(data.args[0].hash.replace('#', '')); }).jstree({ 'plugins' : ['html_data','themes','ui','types'], 'ui' : { 'select_limit' : 1 }, 'core' : { 'animation' : 0 }, 'types': { 'default' : { 'icon' : { 'image' : '/admin/views/images/file.png' } } } }); I have a basic unordered list I would like to have displayed as a list of files. I'm trying to use the "types" to change the icon but I can't for the life of me figure out how to do it. I checked their docs link and even when using almost

I want to implement the move functionality for a node in jstree. Is it the move that needs to be implemented or the drag and drop? Alos, it will be nice to have a working code from binding the container to event and the event code. You only need to use the dnd plugin if you don't need to enforce any move rules(don't allow certain nodes to be moved to other nodes etc) If you need to enforce move rules, you can add the crrm plugin. See the Reorder only demo of the dnd pluign documentation for an example of this. The documentation is very poor, so you will have to use the developer tool on your

I am using the JQuery plugin jsTree, http://www.jstree.com/ I am able to expand the whole tree with the following method: $("#tree").jstree("open_all"); and also a specific node: $("#tree").jstree("open_node", $('#childNode')); I am having difficulty opening a branch of the tree, open branch opens it fine but does not open its parent if it has one. Has anyone successully done this with jsTree? Let me know if you need more info. Thanks Eef You could use the binding $("#tree").bind("open_node.jstree", function (event, data) { if((data.inst._get_parent(data.rslt.obj)).length) { data.inst._get

I'm stuck with jsTree here. So far it works and i can browse and expand nodes with the [+] icon and open pages when clicking a node, BUT i still want it to expand all the immediate nodes whenever someone clicks on a node. i had a look at around for at least 2 hours but couln't find anything. the official website is not very helpfull because they don't have enough examples, and its not very well documented. had a look at this one, but didn't work for me either: http://luban.danse.us/jazzclub/javascripts/jquery/jsTree/reference/_examples/2_operations.html i didn't even get an error message in

I have a jstree. I want to select the node which is bound to the object which has a location with id of 158. This works but seems stupid. What's the more idiomatic way of doing this? var $tree = $('.jstree', myContext), node = $tree.find('li').filter(function() { return ( $(this).data().location || {}).id === 158; }); $tree.jstree('select_node', n) Matt Cashatt Just wanted to chime in here as none of the answers worked for me. What finally DID work was very simple: $('#someTree').jstree('select_node', 'someNodeId'); Note that I didn't initialize someNodeId as a jQuery object. It's just a plain

I create a treeview using jsTree with contextmenu in asp.net mvc3. <div id="divtree"> <ul id="tree"> <li><a href="#" class="usr">@Model.Name</a> @Html.Partial("Childrens", Model) </li> </ul> <script type="text/javascript"> $(function () { $("#divtree").jstree( { "plugins": ["themes", "html_data", "ui", "crrm", "contextmenu"] }); }); it's works fine. I want to create a custome item in the context menu. for example create a new menu item. New for create new Employee in the context menu. and insert the employee in DB. I use a jQuery POST function for this task. But how to handle the click event