html - HTML 中的目录树结构

标签 html css

我正在尝试创建一个像 Eclipse 这样的在线工具。 在左侧栏中,我有一个元素浏览器,就像您在 Eclipse IDE 中找到的一样。 我想在该资源管理器栏上显示目录结构。 我能够从我的 Java 代码中接收目录结构作为数组。 由于我不擅长 CSS,因此我无法在 HTML 中制作目录树的基本布局。 如果有人可以给我任何关于 css 来创建该目录结构的想法,我将使用 javascript 用我的数组元素填充树结构。

最佳答案

可能对 user2110167 不再有用,但希望对其他人有用:

我在不同的元素中愉快地使用过 Dynatree,它允许折叠/展开,并且通常非常精细和灵活。它是开源的,并获得 MIT 许可。

您可以从 project page 获取它或在 example page 上探索其功能.

关于html - HTML 中的目录树结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16166239/

相关文章:

css - ExtJS Kitchensink 中的多选器搜索

html - 无法将 Twitter 关注按钮居中且部分文本被剪掉

html - 在 Chrome 3d 中旋转一个 div 出现在相邻的 div 后面,但在 firefox 中出现在前面

html - 如何像素完美对齐文本到 div 的顶部?

html - 将长电子邮件地址包装在小盒子中

javascript - 通过单击任意点上的 div 滚动到特定的 div

javascript - 如何为base64图片预览添加关闭按钮?

javascript - 尝试在 Safari 上使用 insertAfter 移动标签时出现问题

html - 相对定位的 block 元素会影响其父元素的大小

javascript - 如何通过引用 jQuery 中的内容和数组来正确设置选择器