jsTree是一个基于JavaScript的跨浏览器树组件,打包为jQuery插件。
当上下文菜单显示和隐藏时,我试图调用一些javascript代码(显示是当我右键单击并出现上下文菜单时;隐藏是当我单击上下文菜单外部时...
我正在与 jQuery jsTree 插件复选框作斗争。好的,我已经了解如何处理选中或取消选中复选框的事件。如果有用我可以粘贴代码: .bind("check_node.jstree", 函数(e,
jsTree - gembird 延迟加载 jsTree 的方法
有隐式类型数组要发送到 jsTree: var 首先 = new[] { 新的 { id = "根" + i.ToString(), text = "根节点" + i.ToString(), 状态=新 { ...
我试图在用户编辑新节点的名称并按 Enter 键后获取新创建节点的文本值。 当我这样做时: .on('create_node.jstree', 函数 (e...
Asp.Net MVC 中使用 JsTree 延迟加载 TreeView
我在我的项目中使用 JsTree。我想这样做: 我想在单击根节点 (+) 或子节点时显示子节点后,在第一次加载树时仅显示根节点。我我...
我正在使用jsTree。我想将子节点选择限制为 4 个(要么不允许用户选择超过 4 个节点,要么禁用所有复选框)。我正在使用选择限制,但它不起作用......
我正在使用 https://www.jstree.com/ 的 jsTree 最新插件。 默认情况下,jsTree 内的文本是超链接,因此用户无法使用鼠标拖动来选择文本。我想知道
使用 jquery javascript 搜索 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实例,配置如下: 当您搜索关键字时,请使用:
我希望用新的 json 数据替换 jstree 树的全部内容。 我使用的是 2011 年 7 月 25 日从 github 下载的 jsTree 1.0 说我有这个功能... 函数 init_my_tree(my_json_da...
.bind("move_node.jstree",.. -> data.rslt.obj undefined.如何获取节点数据?
我有一个 check_move 的自定义功能: 客户关系管理:{ 移动 : { “check_move”:函数(m){ var p = this._get_parent(m.o); 如果(!p) ...
如何使用 PHP/Laravel 创建带有上下文菜单的 JSTree 视图,其中包含创建、重命名、删除、拖放功能?这是完整的解决方案
我的项目需要一个文件树视图来上传文档,我使用的是主题林模板,页面中包含 jstree。 所以我决定使用它,但有必要将它连接到数据......
我正在尝试使用描述 xml 文档的字符串中的数据填充 jstree 容器。这是我的代码,带有简化的 xml 文档: var xmlText = "AB...
如果有多个menuItems,MenuItem并不总是显示树
我正在尝试为我的工作场所构建一个闪亮的仪表板,以创建一个可搜索的表格来显示谁在我们不同的分支机构中擅长做什么。 我想要两个侧边栏项目,以过滤...
第一次发帖,希望我能做好。 我正在尝试为我的工作场所构建一个闪亮的仪表板,以创建一个可搜索的表格来显示谁擅长在我们不同的品牌中做什么......
我正在尝试从 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) 将返回“节点”的数组
我在我的应用程序中使用 jsTree 和 contextmenu 插件。 删除节点时,我有一个 ajax 请求对我的数据库执行操作。 我想实际删除该节点...
在Jstree中添加状态插件仍然没有在页面刷新之间或单击链接返回上一页后保存树的状态 $('#myGrid').jstree({ “类型”:{ ...
Jstree - 在所有 Jstree 中每次只允许检查一个节点
我有一个 jstree 填充了数据,我只想限制用户只检查所有 jstree 中的一个节点,当检查另一个节点时,取消选中第一个节点并检查另一个节点。 复选框属性倍数...
我有2个jstree,现在我正在尝试在它们之间实现拖放选项,但我似乎无法设法获取我正在拖动的元素的id或新父级的id(拖动后.. .