Дата публикации: 20.04.2021

Tree на jQuery. Дерево на JavaScript | Все самое новое и интересное об AJAX

8bd108ae

Автор: Administrator    01.01.2010 12:50

Мне взбрело в голову сделать дерево на своей странице, ну знаете стандартное дерево Tree. Ну думаю как же сделать, ну очень надо стало, Что делать ? давай перебирать все фреймворки на предмет компонента Tree. И вот что у нас есть:

jquery: http://code.google.com/p/jstree/ вышла вот вот. YUI - имеет отличный такой компонент http://developer.yahoo.com/yui/treeview/ Dojo: http://api.dojotoolkit.org/jsdoc/dijit/HEAD/dijit.Tree jQuery: http://abeautifulsite.net/notebook.php?article=58#demo http://news.kg/wp-content/uploads/tree/ ExtJS: http://extjs.com/deploy/dev/docs/output/Ext.data.Tree.html

Ну вообщем поняли что там на рынке tree компонентов твориться ?

Посмотрев на все это убожество делаю выводы: jsTree - как мне показалось очень неплоха, в ней можно чего делать ?

Создавать, переименовывать, сортировать, перемещать, и удать записи. Так же там есть небольшое API, поддержка событий:

- onbeforechange - onchange - onrename - onmove - oncreate - ondelete - onopen - onclose

Для каждого типа ноды можно задавать свои правила. Вообщем сильная вещичка, тем более многое легко делается визуально, перетаскивания вставка предупреждения о замене или вставке. Так же все легко локализуется

1. tree1.init($("#alaska"), { 2. data : "alaska.xml", 3. xsl : "alaska.xsl", 4. // дальше думаем сами 6. });

Компонент поддерживает JSON и можно писать подписи с HTML, а можно даже делать XSL преобразования с XML данными. И хотя этот компонент не самый классный, но один из самых удобных и простых.

Вот страничка с примерами http://www.vakata.com/jsTree/examples/ А вот страничка чтобы скачать http://code.google.com/p/jstree/

Документация http://www.vakata.com/jsTree/documentation/

Автор: admin | 23.06.2008