JSTree将节点添加到子节点

JSTree是一个基于JavaScript的开源库，用于创建交互式的树形结构。它可以轻松地将节点添加到子节点。

JSTree的主要特点包括：

功能丰富：JSTree提供了许多功能，如节点的增删改查、拖放、复制粘贴、搜索、排序等，使得树形结构的操作变得简单而灵活。
可定制性强：JSTree允许开发人员自定义节点的外观和行为，包括节点的图标、文本、样式等，以满足不同项目的需求。
跨浏览器兼容性：JSTree支持主流的现代浏览器，如Chrome、Firefox、Safari和Edge，确保在不同平台上的一致性和稳定性。
轻量级和高性能：JSTree的代码精简，加载速度快，同时具有良好的性能，可以处理大量的节点和数据。

JSTree的应用场景包括但不限于：

文件浏览器：JSTree可以用于创建文件浏览器，方便用户浏览和管理文件目录结构。
组织架构图：JSTree可以用于展示组织的层级结构，帮助用户了解和导航组织内部的关系。
目录导航：JSTree可以用于创建网站或应用程序的目录导航，使用户可以快速定位和访问所需的内容。
数据分类和过滤：JSTree可以用于对数据进行分类和过滤，帮助用户更好地组织和查找数据。

腾讯云提供了与JSTree相关的产品和服务，例如对象存储（COS）和云数据库（CDB）。对象存储可以用于存储和管理树形结构的数据，而云数据库可以用于存储和查询与树形结构相关的数据。您可以通过以下链接了解更多关于腾讯云的产品和服务：

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云数据库（CDB）：https://cloud.tencent.com/product/cdb

jsTree动态显示展开/折叠图标

我使用带有" data“选项的jsTree，其中我自己获取JSON数据(而不是使用jsTree的AJAX选项)，然后呈现树。如何以编程方式显示展开/折叠图标？例如，如果我知道特定节点的子节点数量，我是否可以显示展开图标，然后附加一个事件，以便我可以延迟加载子节点？我尝试设置li_attr" class "="jstree-closed“，但它最终将这个类添加到'li‘<em

浏览 2提问于2017-12-01得票数 0

2回答

在TreeView MVC中使用JsTree延迟加载Asp.Net

、、、

我在我的项目中使用JsTree。我想这样做：JsTree：示例：

浏览 2提问于2015-08-29得票数 16

回答已采纳

3回答

jstree -添加子节点，这些节点本身包含子节点

、、

我有一些代码，在这些代码中，我需要能够将子节点添加到jstree中，jstree本身包含子节点。下面的代码将“child2”节点正确地添加到“child1”中，但忽略了child3数据。代码如下：<head> <script type="text/javascript" src="http://

浏览 2提问于2010-08-17得票数 6

1回答

双重JsTree实现:如何实现？

、、

I不想复制所选节点的子节点只从左jsTree合并到右jsTree中，按照右jsTree结构现在根节点被添加到右边的jsTree中，现在只有选中的节点应该合并到右边的jsTree中

浏览 2提问于2012-04-29得票数 4

1回答

我有一个用于存储数据的jstree对象，我使用ajax一步一步地完成它。我调用一个ajax.php文件，该文件将返回格式化为HTML语言的节点，这取决于我发送给它的数据。我的问题如下:我知道我将要接收的数据已经包含了当前节点的结构，并且jstree并没有用它从ajax调用中接收到的数据替换当前节点，而是将该结构作为新的子节点添加到当前节点中，这不是我想要的。例如，如果我单击节点1：| - 1

浏览 0提问于2013-05-21得票数 4

回答已采纳

1回答

手动设置节点上的焦点/突出显示

、、、

我有一个jstree，有几个节点有子节点，有些节点没有节点。我"dblclick“打开节点以显示子节点(如果有)。"dblclick“还会更改URL，并在其中反映node_ID。我“单击”来选择一个节点.它什么也不做，如果只是按预期在选定的节点上设置focus/highlight，这是很好的。问题:在Refresh/Reload页面上，我希望将</e

浏览 2提问于2015-05-02得票数 1

3回答

将jsTree节点设置为“未定”状态

、、、

每个节点级别都是使用json_data插件按需加载的。问题是，这棵树开始倒塌。当我最后扩展到一个选中的节点时，jsTree实现了祖先应该是undetermined。因此，我需要能够将复选框放入undetermined状态，而无需加载其子节点。使用jsTree，您可以通过将jstree-check

浏览 2提问于2013-10-03得票数 7

回答已采纳

2回答

在OPEN_ALL之后未选择jsTree子节点

我用下面的代码行成功地打开了一个jsTree节点分支。$('#jsTree').jstree("open_all", currentNode); 在这一行之后，我需要选择currentNode的第一个子节点。为此，我编写了以下代码行。

浏览 3提问于2013-01-04得票数 0

2回答

Jstree在加载时打开特定分支

、、

我确信我可以通过将children部件传递到该特定节点的JSON中，将其添加到JSON中。但是，如何在分支已经打开的情况下加载树呢？我可以执行一个加载后的函数，它将打开我指定的节点，但这些节点感觉有点混乱，有没有办法在加载时打开分支？我当前通过JSON加载树的函数是这样的：$('.nav-tree').jstree({ 'core' : {

浏览 2提问于2015-09-21得票数 1

回答已采纳

1回答

JSTree，添加子节点无法工作。

、、

我第一次使用JSTree，尝试将子节点添加到现有节点，但到目前为止它还没有工作。我知道这个话题已经讨论过很多次了，但我尝试了很多建议，但仍然没有成功。这是一段代码$('#jstree_div').jstree();var position

浏览 0提问于2016-05-09得票数 1

回答已采纳

3回答

在扩展父节点之前不存在子节点时，如何在JsTree中打开子节点？

、

我有一个具有多个子节点的父节点。问题是，如果我想打开一个我称为$("#jstree").jstree("open_node", $('#node_27'));的特定节点。问题是父节点没有打开，因此$('#node_27')返回一个空数组。如果我有子ID，那么在打开父ID之前没有将它们添加到DOM时，如何打开它？

浏览 3提问于2016-02-24得票数 1

回答已采纳

2回答

如何删除没有子节点的根节点的三角形图标(用于展开/折叠)？

、、

我在jstree的ui中遇到了一些困难，当单击该节点时，它会动态地添加/删除节点。它将在第一次单击中添加子节点，并在第二次单击同一节点时删除单击节点。我目前正在将jstree绑定到selected_node事件中，如下所示： $("#tree").jstree({

浏览 2提问于2013-09-20得票数 3

回答已采纳

1回答

jstree dnd access创建的元素

、

jstree版本3.1.1，插件dnd。我需要将一个jstree元素中的节点拖放到另一个jstree元素中。这很好，我得到了所有关于被拖动的元素的信息，但是我没有得到关于在第二个jstree元素中被删除(新创建的)节点的任何信息。dnd_stop.vakata似乎不包含这些信息(至少我找不到)，当dnd创建一个新节点时，不会触发create_node.jstree，所以我想知道如何获得新节点的id。将节点<

浏览 1提问于2015-07-06得票数 0

回答已采纳

1回答

js树create_child，创建兄弟而不是子级。

、、、

我使用jstree contextmenu创建新的子节点。当我这样做时，jstree创建了我单击的节点的同级节点，我需要它来创建该节点的子节点。这是我的密码：sel =父id data =子节点

浏览 1提问于2017-07-19得票数 0

回答已采纳

4回答

jstree可能扩展无子节点的问题

、、、、

我正在使用jstree和ajax，我看到我的所有节点都有箭头来展开它，即使是那些没有子节点的节点也是如此。在jstree 的演示页面上，情况并非如此。我有一个参数放在jstree的"getChildren“方法的响应中说”这一个，没有孩子，不能扩展它“？有人知道它是从哪里来的吗？我能做些什么来解决这个问题呢？当我粘贴到一个没有子节点并且还没有打开(所以子节点还没有被加载)的节点<

浏览 4提问于2011-09-21得票数 5

1回答

使用更新的json数据在`load_node`之后刷新jstree

、、、

然后，在一个特定的按钮上，单击我将json数组(hpo_json)传递给ajax调用，接收更新的数组，然后重新初始化jstree。一切都很好。hpo_json = [...] jstree_hpo = $('#jstree_hpo').jstree({ init_hpotree();但是，我还需要更新j

浏览 2提问于2019-03-15得票数 0

1回答

在加载树时部分选择父节点，其中一些孩子被选中

、

我使用的jstree复选框有三种状态-选中、未确定和未选中。当我检查父节点时，子节点也会被自动检查。当我选择一个子节点时，父节点被部分选中。我已经在数据库中将选中的、未确定的状态保存为1，将未选中的状态保存为0。, .jstree-undetermined').each(function () { var id = $(this).children('a').attr('id&#

浏览 0提问于2013-04-21得票数 1

回答已采纳

2回答

异步执行JSTREE脚本

、

{ "id“："root”}，"data“：{ "title”："Root"，"attr“：{ "id”："root"，"href“："#”、“类”："jstree-clicked“}、”子“：[{ "{"id”：“节点-2”}，“数据”：{“标题”："Node-2"，"attr“：{"id”：“节点-2”，"href&quo

浏览 1提问于2011-09-19得票数 0

回答已采纳

1回答

用jstree中的子树替换单个节点

、、

如何在jstree中用子树(包含其他子节点)替换子节点？}, {}],}.bind("select

浏览 4提问于2016-06-01得票数 2

回答已采纳

1回答