Построить дерево по 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, время: 17:23. |