Мне взбрело в голову сделать дерево на своей странице, ну знаете стандартное дерево 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/