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

Question

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

• 目录 1

  • 文件 1
    • 路径
    • 采取的措施（删除、添加、修改）
  • 文件 2
    • 路径
    • 采取的措施（删除、添加、修改）

• 目录 2

  • 文件 1
    • 路径
    • 采取的措施（删除、添加、修改）
  • 文件 2
    • 路径
    • 采取的措施（删除、添加、修改）
  • 子目录 1
    • 子目录文件 1
      • 路径
      • 采取的措施（删除、添加、修改）
    • 子目录文件 2
      • 路径
      • 采取的措施（删除、添加、修改）

等等。我正在寻找的是：

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

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

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

有什么想法吗？谢谢。

Answer 1

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

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

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

我认为 jqueryui 的树小部件是 on the wishlist，但不要屏住呼吸。 This 应该是我认为的回购协议。

还有this。不知道它是否有什么好处，我在寻找 jqueryui 链接时才发现它。（看起来自 2009 年以来就没有提交过，那时可能不是最好的主意......）

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