javascript - 在 Javascript 中显示/管理文件/目录列表？

Question

我正在寻找一种使用 javascript 显示目录和文件列表的方法。我想要的结构是:

• 目录 1

  • 文件 1
    • 路径
    • 采取的行动(删除、添加、修改)
  • 文件 2
    • 路径
    • 采取的行动(删除、添加、修改)

• 目录 2

  • 文件 1
    • 路径
    • 采取的行动(删除、添加、修改)
  • 文件 2
    • 路径
    • 采取的行动(删除、添加、修改)
  • 子目录 1
    • 子目录文件 1
      • 路径
      • 采取的行动(删除、添加、修改)
    • 子目录文件 2
      • 路径
      • 采取的行动(删除、添加、修改)

等我正在寻找的是:

1) 如何遍历我拥有的所有项目。

2) 如何在树中显示它们。

3) 如何轻松获取 parent 的所有 child 的列表，用于选择/取消选择。 (例如，如果用户单击名称“目录 1”，则该目录的所有子目录(文件、子目录、子目录文件等)都将选中/取消选中它们旁边的复选框。

有什么想法吗？谢谢。

Answer 1

我还没有找到一个不错的 js 树实现。

jsTree足够强大，可以构建你想要的功能，尽管我发现它非常不直观并且难以使用和定制。有一个相当活跃的留言板可以提供帮助。作者 promise 重写大约一年，并且 posted很快就会有提交，尽管如果你看看留言板的历史，他至少已经说了大约 6 个月了。

我还没有找到比 jsTree 更好的东西，我也不太喜欢它，所以我祝你好运。

我认为树形小部件是 on the wishlist对于 jqueryui，但不要屏住呼吸。 This应该是我认为的 repo 协议(protocol)。

还有 this .不知道它是否有用，只是在我寻找 jqueryui 链接时发现它。(看起来自 2009 年以来就没有提交过，可能不是当时选择它的最佳主意......)

如果你发现了什么好东西，请发布。