JQuery дерево для предметов

Question

Привет всем
Каков наилучший вид дерева jquery, который можно использовать для представления некоторых элементов транзакций (отпусков, отпусков ...).
В интернете я нашел отличный вид дерева ,но проблема в том, что это дерево предназначено для папок и каталогов, а не для текстовых элементов.
когда пользователь нажимает на суб-отпуск, например, он напечатает некоторый текст рядом с этим субарендой

примечание: я работаю на PHP codeigniterрамки.

Спасибо

Answer 1

jsTree - хороший плагин jQuery. Он имеет массу опций и вызовов API для работы с деревом. Я бы сказал, что кривая обучения поначалу может быть немного крутой, но это того стоило для меня. Если вы знакомы с jQuery, вы сможете манипулировать деревом различными способами.

Вот домашняя страница ...... http://www.jstree.com/.

Answer 2

Дерево, вероятно, не лучшая идиома дизайна, чтобы использовать для этой информации. Возьмем, пожалуй, гармошку.

Деревья, как правило, имеют маленькие узлы, поэтому сложно щелкнуть и нарушить закон Фитта. И они действительно имеют смысл только для программистов и компьютерных фанатов. Аккордеоны немного лучше, поскольку они стали более распространенными и, по крайней мере, ими легче манипулировать.

Их также проще кодировать. И есть множество jquery плагинов, которые могут это сделать. Даже вложенный, который звучит так, как вам нужно.

Цель не всегда в том, чтобы иметь самый быстрый пользовательский интерфейс. Подумайте, насколько распространена эта задача и будет ли она лучше приспособлена к чему-то более простому в освоении. Возможно, ссылки и подстраницы - лучший способ представить информацию. Не оставляйте без внимания полезное, но старое для роскошного и нового.

Answer 3

Я использовал этот плагин JQuery в прошлом, и он прекрасно работает: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

Работает ненавязчиво над вложенными элементами HTML ul и li.

Он может работать через AJAX для отложенной загрузки узлов, настраивая URL-адрес, с которого вы хотите загрузить дочерние узлы. Это прекрасно работает, если ваше дерево большое.

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

Для динамической загрузки содержимого, связанного с узлом в другом элементе страницы, вы можете использовать некоторый JQuery. Вы можете установить обработчик событий для узла, по которому щелкают, и получать дополнительный контент через AJAX и добавлять его в DOM.