[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Древовидная структура
Inkvizzz
Народ возник такой вопрос! Как сделать древовидную структуру на сайте по типу структуры windows чтобы слева была структура и при нажатии отображала ее содержимое в блоке справа? Есть какие нибудь советы?
DedMorozzz
Насколько я понимаю эти данные хранятся в базе. То и читай про хранение древа в базе.
Есть разные реализации оного, смотря какое нужно.
Если сложное и редко перемещаемые ветки древа, тогда нечто по типу нестедсета, иначе - простая связка id-parent_id

А как это происходить будет - при клике по корневому узлу - отправлять аякс запрос и вытягивать следующий уровень

_____________
Если не говорить пользователям, что Linux это "Сложно и страшно", то им совершенно всё равно, в чём не разбираться
Inkvizzz
Я не про базы,мне вывод данных не нужен для конечной цели,мне нужно просто организовать древовидную навигацию как в винде! Тобишь поясняю кликаешь на меню оно раскрывается и слева и появляется пункты меню и справа и так далее,тупо все как в windows проводнике
kaww
Ну например так, не уверен что работоспособный пример, но суть думаю ясна:
<style type="text/css">
.sub {display:none}
</style>
<ul
class="acr">
<li>
label1
<ul class="sub">
<li>
label3
<ul clas="sub">
<li>
label4</li>
</ul>
<li>
</ul>
</li>
<li>
label2
</li>
</ul>



$(function() {

$(".acr").find("li").click(function(){

var li = $(this);
var sub = li.find("ul.sub").first();
if (sub.length) {
sub.toggle();
}
}
)
});
Invis1ble
Inkvizzz
если интересует UI, то посмотри http://www.jstree.com/

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.