问题标签 [bootstrap-treeview]

我正在尝试让 Knockout 和 Bootstrap-TreeView 一起工作。（组件：https ://github.com/jonmiles/bootstrap-treeview ）

目前，我将来自 API 调用的 JSON 传递给 View Model 的构造函数。这将在稍后更改，但为简单起见，我正在这样做。

然后我需要将点击事件绑定到每个节点。因此，如果我单击根节点，什么也没有发生，单击一个文件夹，我可以获得所有它的直接子文本值的列表（现在只是提醒它们），如果我单击一个文件节点，我会提醒“数据”该节点的值。

这是一个小提琴，看看我到目前为止做了什么。

https://jsfiddle.net/Cralis/h15n2tp7/

我的视图模型只是使用 json 数据进行初始化。然后在视图模型中计算一个树视图的设置。

这行得通，但我认为我使用的淘汰赛不多。那是因为我的点击事件在我的 javascript 中，而我的 Knockout 视图模型实际上并没有任何控制。

如何让 Knockout 能够“看到”点击事件。因此，单击一个节点，计算出的淘汰赛（我认为？）会触发，然后我可以根据绑定事件控制 UI。

除此之外，我有一个显示文件列表的 DIV。我是这样的，当一个文件夹级别的节点被选中时，我可以使用来自该选定文件夹节点的子节点的所有“文本”值填充该 div。

关于我如何实现这一目标的任何指示都会令人惊叹。我只是不确定如何到达data-bind="click...节点，然后节点可以运行当前在我的小提琴中的“onclick”中的代码。

我正在使用 boostrap 树视图，https://github.com/jonmiles/bootstrap-treeview，我不知道如何获取所有已检查的节点

Bootstrap 树视图中的节点只能使用 + & - 前缀折叠/展开。我知道点击事件是为了不那么平凡的事情而保存的。我们确实使用点击事件将有关叶子的信息发送到页面的另一部分。

但我的客户正是想要这个：点击 li 元素时折叠和展开。事实上，这更加用户友好和直观。

我在GitHub 上找到了“expandNode”和“collapseNode”方法。

现在我想直接从事件 onNodeSelected 中调用它们，如下所示：

警报被触发并显示正确的节点 ID。但是节点没有展开（或折叠）。我想念什么？

我有一个 C# 对象，在 JSON 序列化之后变成这样：

我想从对象中删除所有空的节点，即 [] 或者只是将它们标记为 null ，所以我的最终对象看起来像

该列表是动态的，可以有许多分支。谢谢。我的 C# 类是这样的

为了创建树列表对象我的功能：

现在我得到树结构

我需要一些逻辑，以便nodes = null最好使用 linq 将所有嵌套级别放在所有嵌套级别中。这样我就可以使用它 bootstrap-treeview 数据源。

我试图找出将一些 JSON 数据转换为bootstrap-treeview请求的格式的最佳方法。我最初的想法是创建某种递归函数来遍历和修改所有内容，但我在实现这一点时遇到了一些真正的困难。任何建议将不胜感激！

这是我的服务返回的数据的控制台日志：

这是 boostrap-treeview 需要的格式：

这是我尝试使用递归函数来完成此操作：

I am building a bootstrap tree inside a bootstrap modal. On Search all the nodes are searched and highlights whenever a match happens. My modal has fixed height and If the searched element is present at the bottom part of the tree I have to scroll to view the element. Is it possible to scroll the automatically to the first matched element when there is a match. Here is the plug in I am using. Bootstrap-TreeView

Some Code for reference

Javascript:

Here is the fiddle I have made for reference
https://jsfiddle.net/whw3j59o/3/

Assuming the tree is present inside a fixed height bootstrap modal is it possible to the auto scroll to first match?

我正在尝试使用bootstrap-treeview更新父母和孩子检查的输入，但是当我使用方法“ checkNode ”时，节点的状态根本不会改变。

输入检查正常，但控制台输出显示状态为“假”

任何人都知道我做错了什么？

有没有办法在不重绘整个树或删除/添加节点的情况下更改引导树视图中的节点文本？

我在这里检查过：https ://github.com/jonmiles/bootstrap-treeview和这里：https ://github.com/patternfly/patternfly-bootstrap-treeview但似乎没有像“updateNode”或“renameNode”这样的方法.

在为我的 boostrap-treeview 检索 JSON 数据时，我在 boostrap-treeview.js:267 上收到此错误。

JSON数据如下：

我正在使用引导树视图

有任何想法吗

我正在使用这个插件来显示一棵树。

它是否有任何功能可以在检查父节点时检查所有子节点？

目前我找不到任何方法来做到这一点。

为了实现这个功能，我编写了递归函数来查找根目录下的每个节点并检查使用checkNode函数。

当大约 150 个节点的树深度超过 3 时，我看到了性能问题。在调查中，我发现每次检查节点时使用的功能，谁能告诉我这个checkNode功能的bootstrap-treeview.js用途？renderrender

我们可以删除使用render吗？