javascript - 创建树结构

Question

我正在做一个 asp .net 项目。在我的 aspx 页面中，我有一个 gridview，它有 3 列(“元素”、“目标”、“父级”)。在客户端，我想使用 gridview 中的数据构建一个树结构，然后用图形构建一个树。我找到了有关如何构建图形的信息和模块，但我需要一些有关如何制作结构的建议。有没有现成的 javascript 算法可以做到这一点？提前致谢

Answer 1

使用 CSS 树，如下所示:

• CSS Tree
• CSS3 Family Tree

使用 :checked伪类将复选框设置为表示元素以模拟状态，例如:

 .folder input[type='checkbox']:checked { display: block; }
 .folder input[type='checkbox'] { display: inline; }

将其与 <label> 合并元素作为按需隐藏/显示的代理，并嵌套 <blockquote>元素作为层次结构。

引用资料

• CSS3 Selectors: :checked pseudo-class
• CSS Selectors: The UI element states pseudo-classes