jstree 相关问题

我正在使用 jstree 插件来构建我的树。我的网页中有一个搜索框，我需要用户能够在其中搜索 jstree 节点。我正在使用 jstree 插件来构建我的树。我的网页中有一个搜索框，我需要用户能够在其中搜索 jstree 节点。 <fieldset id="search"> <input type="text" name="search_field" id="search_field" value="" /> <button id="search_tree">Search</button> </fieldset> 单击搜索时，jstree 节点应展开，如果找到，节点应突出显示。如果未找到，则应向用户显示错误，如“未找到”。我的代码用于展开下面的所有节点。有没有简单的方法来搜索jstree中的所有节点？ <script type="text/javascript"> $(document).ready(function(){ $("#search_tree").click(function () { var value=document.getElementById("search_field").value; $("#tree").jstree("search",value); }); $("#tree").jstree({ "xml_data" : { "ajax" : { "url" : "jstree.xml" }, "xsl" : "nest" }, "themes" : { "theme" : "classic", "dots" : true, "icons" : true }, "search" : { "case_insensitive" : true, "ajax" : { "url" : "jstree.xml" } }, "plugins" : ["themes", "xml_data", "ui","types", "search"] }); }); </script> 我收到此错误： Instances[...] 为 null 或不是对象。这是一个 jstree 错误。有什么想法吗？我已将这段代码添加到我的函数中： "search" : { "case_insensitive" : true, "ajax" : { "url" : "jstree.xml" } }, "plugins" : ["themes", "xml_data", "ui","types", "search"] 和创建了此功能并与我的单击按钮相关联： function myFunction() { $(document).ready(function(){ var value=document.getElementById("search_field").value; $("#search_tree").click(function () { $("#tree").jstree("search",value) }); }); } 2023年，API逐年变化。使用版本v3.3.x，这是我的工作代码：创建jstree实例，配置如下：当您搜索关键字时，请使用：

jquery jstree

回答 2 投票 0

使用新的 json 数据重新创建整个 jstree 实例

我希望用新的 json 数据替换 jstree 树的全部内容。我使用的是 2011 年 7 月 25 日从 github 下载的 jsTree 1.0 说我有这个功能... 函数 init_my_tree(my_json_da...

jquery jstree

回答 3 投票 0

.bind("move_node.jstree",.. -> data.rslt.obj undefined.如何获取节点数据？

我有一个 check_move 的自定义功能：客户关系管理：{ 移动： { “check_move”：函数（m）{ var p = this._get_parent(m.o); 如果（！p） ...

jstree

回答 2 投票 0

如何使用 PHP/Laravel 创建带有上下文菜单的 JSTree 视图，其中包含创建、重命名、删除、拖放功能？这是完整的解决方案

我的项目需要一个文件树视图来上传文档，我使用的是主题林模板，页面中包含 jstree。所以我决定使用它，但有必要将它连接到数据......

php mysql laravel jstree laravel-8

回答 2 投票 0

从 xml 字符串填充 jstree

我正在尝试使用描述 xml 文档的字符串中的数据填充 jstree 容器。这是我的代码，带有简化的 xml 文档： var xmlText = "AB...

javascript xml jstree

回答 2 投票 0

如果有多个menuItems，MenuItem并不总是显示树

我正在尝试为我的工作场所构建一个闪亮的仪表板，以创建一个可搜索的表格来显示谁在我们不同的分支机构中擅长做什么。我想要两个侧边栏项目，以过滤...

r shiny shinydashboard jstree shinytree

回答 1 投票 0

如果有多个菜单项，MenuItem 并不总是显示树

第一次发帖，希望我能做好。我正在尝试为我的工作场所构建一个闪亮的仪表板，以创建一个可搜索的表格来显示谁擅长在我们不同的品牌中做什么......

r shiny shinydashboard jstree shinytree

回答 1 投票 0

从jstree中获取选定的Node

我正在尝试从 jstree 中获取选定的节点。这是视图中的代码 @foreach（Model.presidentList 中的 var m） { ... 我正在尝试从 jstree 中获取选定的节点。这是视图中的代码 <div id="divtree" > <ul id="tree" > @foreach (var m in Model.presidentList) { <li class="jstree-clicked"> <a href="#" class="usr">@m.Name</a> @Html.Partial("Childrens", m) </li> } </ul> </div> 这是我尝试检索节点名称的 javascript 部分 $(".jstree-clicked").click(function (e) { var node = $(this).jstree('get_selected').text(); alert(node); }); 我在仅获取所选节点时遇到问题。如果我选择其中一个子节点（例如树的最后一个节点），我仍然可以获得整个节点列表。如果您知道我做错了什么，请告诉我？我认为您不应该为每个节点分配类“jstree-clicked”。并使用用于 jstree 绑定的 jstree 容器获取选定的节点。 console.log($("#divtree").jstree("get_selected").text()); var data = $(yourtree).jstree().get_selected(true)[0].text; console.log(data); 这对我有用。尝试一下吧！由于更多人发现我的评论有用，我将其转换为答案。感谢 Murali 的回答，我能够解决我的问题。此代码： $("#divtree").jstree("get_selected",true) 将返回完整的对象。（看真实参数）试试这个： var CurrentNode = $("#divtree").jstree("get_selected"); console.log($('#'+CurrentNode).text()); 这是我如何在他的“选定”父节点中创建一个新节点： <div class="input-group mb-3"> <div class="input-group-prepend"> <button class="btn btn-secondary" id="add_node"> Add directory </button> </div> <input type="text" class="form-control" placeholder="Dir name" id="node_text"> </div> 还有我的 JavaScript : htmlSource.jstree(); $('#add_node').on('click', function () { let text = $(this).closest('.input-group').find('#node_text').val(); let selected = htmlSource.jstree('get_selected'); htmlSource.jstree().create_node(selected, { "text": text }, "last", function (e) { console.log(e); }); }) 我希望它有用或给某人带来指导 $("#divtree").jsTree().get_selected(true) 将返回“节点”的数组

javascript jquery razor jstree

回答 6 投票 0

jstree：如何取消删除/恢复节点

我在我的应用程序中使用 jsTree 和 contextmenu 插件。删除节点时，我有一个 ajax 请求对我的数据库执行操作。我想实际删除该节点...

jquery ajax tree nested jstree

回答 2 投票 0

如何刷新jsTree的内容？

我已经加载了一个带有返回 JSON 数据的 AJAX 调用的 jsTree。如何刷新树以便它重新加载其内容？

jquery jstree

回答 6 投票 0

Jstree 状态插件不保存树状态

在Jstree中添加状态插件仍然没有在页面刷新之间或单击链接返回上一页后保存树的状态 $('#myGrid').jstree({ “类型”：{ ...