gpt4 book ai didi

html - 可扩展的树形菜单列表

转载 作者:技术小花猫 更新时间:2023-10-29 12:15:12 26 4
gpt4 key购买 nike

我想要实现的是:

我想要一个显示在页面左侧的 TreeView 列表,当展开一个元素时,它的元素是从数据库加载的(我可以做这部分),所以基本上它会像这个:

+Category1
+Category2
+Category3
+Category4

当用户点击+时,会显示如下,直到从数据库中抓取数据并添加到页面中:

+Category1
-Category2
loading ...
+Category3
+Category4

加载数据后,每个子类都会有子类。

+Category1
-Category2
+Sub-Cat1
+Sub-Cat2
+Sub-Cat3
+Sub-Cat4
+Category3
+Category4

我怎样才能做到这一点?

注意:我想知道如何放置 (*> 或列表的任何其他符号,我相信这是 CSS,但我不使用完全没有设计!!)

非常感谢您的帮助。

最佳答案

您对浏览器有任何要求吗?我使用了 [CSS] Ninja 示例以及 selectivizr 来支持旧版本的 IE。除了 [CSS] Ninja 网站上的内容外,没有可访问的示例:

Pure CSS collapsible tree menu

和选择器:

selectivizr

该示例适用于将其用于文件导航方案,但如果您愿意,您应该能够相当轻松地修改它以删除文件夹和文件图标。

关于html - 可扩展的树形菜单列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8506118/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com