项目的jquery树

Question

大家好 什么是最好的jquery树视图，可用于表示一些交易（假期，假期......）项目 我在互联网上发现了一个很棒的treeview，但问题是这个树是用于文件夹和目录而不是用于文本项目。
例如，当用户点击子假时，它将在该子空间旁边打印一些文本

注意：我使用的是PHP codeigniter框架。

谢谢

Answer 1

jsTree是一个很好的jQuery插件。它有很多选项和API调用来处理树。我会说最初的学习曲线可能有点陡峭，但对我来说这是值得的。如果您熟悉jQuery，您将能够以多种不同的方式操作树。

这是主页...... http://www.jstree.com/。

Answer 2

树可能不是用于此信息的最佳设计习惯用语。或许考虑一下手风琴。

树木往往有小节点，因此很难点击并打破菲特定律。他们真的只对程序员和计算机爱好者有意义。手风琴更好一点，因为它们变得越来越普遍，至少更容易操纵。

它们也更容易编码。并且有大量的jquery插件可以做到这一点。甚至是嵌套的，这听起来像你需要的。

目标并不总是拥有最快的UI。考虑这项任务的常见程度，以及它是否更适合于首先更容易学习的东西。也许链接和子页面是呈现信息的最佳方式。不要忽视华丽和新的有用但旧的。

Answer 3

我过去使用过这个JQuery插件，效果很好： http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

它以嵌入式ul和li HTML元素的非侵入方式工作。

通过配置要从中加载节点子节点的URL，它可以通过AJAX工作到延迟加载节点。如果您的树很大，这很有效。

$(document).ready(function() {
    $('#concept-tree ul').treeview({
        url: 'concepts/node'
    });
});

要动态加载与另一个页面元素中的节点相关的内容，您可以使用一些JQuery。您可以为被单击的节点设置事件处理程序，并通过AJAX获取额外内容并将其附加到DOM。