问题标签 [bootstrap-treeview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
5383 浏览

bootstrap-treeview - Bootstrap-treeview 不会展开或折叠

这是我的html文件。

这是我初始化 bootstrap-treeview 的 js 文件。

正如你们可以在下面看到的。问题是:由于某种原因,无法展开/折叠树。

详细信息:如果我从文件中删除 css 参考。它没有任何区别! 在此处输入图像描述

为什么会发生这种情况以及如何解决?

0 投票
0 回答
215 浏览

javascript - 部分视图渲染后按钮不起作用

警告!这个问题不适合有心脏问题的人。

问题解释:当页面加载时我点击按钮删除列表项,工作正常。之后,重新加载部分视图(ajax 调用),但相同的删除按钮不再起作用。因此,按钮在部分视图重新加载之前有效,但不在之后。

因为我想对我的项目进行树视图,所以我正在使用Bootstrap Treeview library。原来的 Bootstrap Treeview 不足以满足我的需求,所以我在 treeview 中每个项目的右侧添加了按钮,如下图所示...

树视图

我不认为问题可能出在这段代码中,但这就是我在每个项目上实现附加按钮的方式:

在代码的第二部分,您可以看到我动态添加了 ng-click 事件,该事件调用位于我的 angular 文件中的 deleteCriteria 函数。

角函数

在这段代码中,我们可以看到第一个 ajax 调用调用控制器操作来删除对象(工作正常)。如果对象被删除(Ajax 返回 true),则第二个 ajax 调用访问控制器操作以获取包含新数据的部分视图(不包括已删除的列表项)。

这是部分视图代码:

id为“tree”的div元素是bootstrap-treeview放置treeview的地方。字符串模型是从服务器接收到的 json 数据(带有列表项),我对其进行编码并传递给局部视图末尾的下一个 javascript 函数:

如您所见,此函数解析接收到的 json 并调用 treeview 函数以创建包含新数据的树视图。

解决方案非常复杂,所以我将尝试简单地解释它

页面加载->内联脚本(最后)使用通过模型接收的json调用DrawCriteriaTreeView函数->此函数然后解析json并调用BootstrapTreeview库中的treeview函数->它使用“删除项目”按钮创建树视图->呈现页

然后我单击删除项目按钮(它第一次工作)-> Angular 调用(通过 ajax 调用服务器)并在数据库中更新项目-> 第二个 ajax 调用调用控制器操作以获取包含新数据的部分视图-> 呈现部分视图-> 使用新数据调用 DrawCriteriaTreeView 函数 -> 调用树视图生成器函数 -> 渲染树视图

然后,当我单击“删除项目”按钮时,什么也没有发生。另外,我在控制台中没有任何错误。

我比较了项目预删除页面和项目后删除页面,除了删除的项目之外没有任何区别,应该是。

0 投票
1 回答
877 浏览

javascript - bootstrap-treeview 在页面加载时预检查节点

我能够在引导树视图中显示我的内容,能够修改一些东西,即限制选择最多只有一个节点。通过使用下面的脏解决方案,

问题 我想在编辑时预先检查一个节点,问题是我没有nodeId,我只有href记录信息。

请查看下面的屏幕截图。 在此处输入图像描述

我已将以下文档作为参考,但没有运气, https://www.jqueryscript.net/other/Dynamic-Tree-View-Plugin-jQuery-Bootstrap.html

如果有人知道如何做到这一点,请帮忙。

0 投票
1 回答
648 浏览

bootstrap-treeview - 引导树视图:树不显示

我是树视图的新手,我试图展示一个基本的树,但它不起作用,我不知道我在哪里犯了错误。

我制作的 test.html 遵循与我的 basic.html 相同的结构(我为你省去了导航栏、警报等的代码)。我在functions.js中有其他js函数可以正常工作。

测试.html:

functions.js 的摘录:

0 投票
1 回答
833 浏览

twitter-bootstrap-3 - 引导树视图:树未显示

我是 Bootstrap-treeview (bootstrap-treeview.js v1.0.2) 的新手。我正在尝试显示文档中给出的树,但它没有显示出来。

我检查了两个文件,没有发现错误。

html:

函数.js

0 投票
1 回答
36 浏览

javascript - Treeview - 如何在 JSON 中默认检查节点?

对于 jonmiles treeview 插件,如何在 json 数据中定义默认检查某些节点?

以下内容被完全忽略:

0 投票
0 回答
20 浏览

html - 将不同版本的 Bootstrap 应用于一个 HTML 文档

伙计们,

我正在尝试将不同的 Bootstrap 版本应用于一个 HTML 文档。在我的文档中,我默认使用最新版本的 Bootstrap (4.4.1),并使用 3.3.7 版本来使用 bootstrap-treeview ( https://github.com/jonmiles/bootstrap-treeview )。

Bootstrap 的两个版本存在冲突,我无法使用两个版本中最好的版本呈现我的页面的全部内容。我正在尝试找到一种方法将 Bootstrap (3.3.7) 版本仅应用于我的 HTML 代码的一个 div。

这是我尝试过的:

目前我还没有成功完成这项工作。如果您能提供一些见解,那将非常有帮助。

干杯。

PS:我找到了这个材料,但没有一个解决我的问题: