Построить дерево по xml.
Вот надо написать что-то подобное: http://xmlwebpad.codeplex.com/
На сколько я понял там используется http://www.jstree.com/. Что-то у меня толком разобраться не получилось. Подскажите пока как просто по готовому xml (допустим приходит с сервера через ajax) построить дерево. |
Скачайте с их сервера скрипт и посмотрите как он устроен
|
Да, так и надо. Но он очень большой. А построить дерево это если не стандартная, то очень часто нужная вещь, наверняка должны быть готовые решения.
|
Глупости спрашиваете, вы эти сайты зачем показываете, разве там не готовые решения :) . Скачайте, установите и потом если будут ошибки и непонятки какие то, заходите уже на форум.
jstree хотябы, чем не устроил? |
Цитата:
jsTree видимо то что мне нужно, но я не смог с ним толком разобраться из-за неважного английского. А вот этот пример http://www.jstree.com/documentation/xml_data тае где demo2, у меня не сработал, хотя фактически это мне и нужно. Вот и прошу что бы показали рабочий пример с любым пусть самым простым xml ну или ссылку. По хорошему конечно все есть в http://xmlwebpad.codeplex.com/, но много кода, и нет времени разобраться. |
Тада предложу 3 варианта:
1) Используя промт и знания в английском друзей, родителей... Переводим всё что на страницах jstree, там где надо и используем вышеупомянутый. 2) Подучить JQuery и попробовать самому начать писать код. И если что не получатся пишем сюда, по ходу вашей разработки мы(форумчане) как коллеги поможем своими знаниями. Только не делайте так: var e = '';Чё дальше?... 3) Обратиться в раздел форума работа... Всё что душе угодно, только денежку плати:) Ах да, чуть не забыл, если вам это поможет http://javascript.ru/ui/tree |
Цитата:
|
Не работают ссылки в JsTree
Есть вопрос по JsTree...
Скажите пожалуйста, как сделать "листья" древовидного меню ссылками? Сделал меню на JsTree, но ссылки в его элементах ведут на "http://текущую_страницу#". :( Читал документацию, но про ссылки в элементах дерева ничего не нашел. Пробывал JSON: var jsTreeJson = [ { "attr":{"id":"node_1","rel":"default"}, "data":"Промышленные товары", "state":"", "href":"\/catalog\/promtovary" },{ "attr":{"id":"node_2","rel":"default"}, "data":"Мясо и рыба", "state":"", "href":"\/catalog\/myaso-i-ryba" },{ "attr":{"id":"node_3","rel":"folder"}, "data":"Овощи и фрукты", "state":"closed", "children":[ { "attr":{"id":"node_4","rel":"default"}, "data":"Овощи", "state":"", "href":"\/catalog\/ovoshi" },{ "attr":{"id":"node_5","rel":"default"}, "data":"Фрукты", "state":"", "href":"\/catalog\/frukty" }] }]; , но не помогло. Как решить? З.Ы. Может быть где-то уже есть дерево с ссылками? Если найдёте - дайте ссылку на него. Заранее большое спасибо. |
Ураааа, заработало!))) :dance:
var jsTreeJson = [ { "attr":{"id":"node_1","rel":"default"}, "data":{"title":"Промышленные товары","attr":{"href":"\/catalog\/promtovary"}}, "state":"" }]Спасибо дяде с блогом за подробный полезный рассказ :) . А ещё большое спасибо мне :D. Надеюсь кому-то поможет. Upd: Ccылки в сгенерированном дереве могут не работать. Решение проблемы довольно простое: $("#JsTree a").click(function() { document.location.href = $(this).attr('href'); }); |
Часовой пояс GMT +3, время: 08:42. |