项目的jquery树

Question

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

注：我工作在PHP codeigniter框架。

谢谢你

Answer 1

我用这个jQuery插件在过去，它的伟大工程： http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

它工作在一个非侵入性的方式在嵌套ul和li HTML元素。

它可以通过AJAX工作到延迟加载节点，方法是配置一个要从中加载节点的子节点的URL。如果你的树很大，这很好用。

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

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

Answer 2

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

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

Answer 3

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

树往往有小节点，所以很难点击并打破Fitt定律。他们真的只对程序员和电脑爱好者有意义。手风琴好一点，因为它们已经变得更加普遍，并且至少更容易操作。

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

目标并不总是拥有最快的用户界面。考虑这个任务有多普遍，以及它是否会更适合于更容易学习的东西。也许链接和子页面是呈现信息的最佳方式。不要忽视那些华丽而新颖的有用但老旧的东西。