2010-12-13 5 views
2

Привет всем
Что является лучшим древовидным jquery, которое может использоваться для представления некоторых транзакций (листьев, каникул ...).
Я нашел отличный treeview в Интернете, но проблема в том, что это дерево для папок и каталогов, а не для текстовых элементов.
, когда пользователь нажимает на подпункт, например, он напечатает некоторый текст рядом с этим подслоемjquery tree for items

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

Спасибо

ответ

0

Я использовал это 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.

2

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

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

1

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

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

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

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