PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

jstree

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: jstree

Поиск в теме | Версия для печати

des1roer	Отправлено: 20 Мая, 2014 - 07:46:36
Новичок Покинул форум Сообщений всего: 33 Дата рег-ции: Апр. 2014 Помог: 0 раз(а)	подскажите как работать с http://www[dot]jstree[dot]com/ необходимо нарисовать дерево. вида главный раздел 1 раздел 1.2 раздел 2 раздел выгребаю данные из таблицы вида ид/ имя раздела / ид родителя 0 главный раздел 1 1 раздел 0 2 2 раздел 0 3 1.2 раздел 1 получаю данные из таблицы, создаю многомерный массив. нужно его перегнать в json и отдать jstree. кто работал - подскажите как это сделать, желательно доступно

tato	Отправлено: 21 Мая, 2014 - 00:44:28
Посетитель Покинул форум Сообщений всего: 468 Дата рег-ции: Сент. 2011 Откуда: Владивосток Помог: 8 раз(а)	CODE (javascript): скопировать код в буфер обмена // буфер var categories = []; // получаем json из атрибута data var origCategories = $('treeContainer').data('categories'); // готовим со вкусом (= for (var categoryId in origCategories) { // берем категорию var category = origCategories[categoryId]; // заполняем данные category.text = category.name; category.icon = category.status; category.data = { id: category.id, originalId: category.id, name: category.name, status: category.status }; // тут самое интересное // если наша категория самая "верхняя", например у нее // parent = 0, то мы должны поставить решетку if (category.parent == 0) category.parent = '#'; categories.push(category); } $treeContainer.jstree({ core: { check_callback: true, multiple: false, data: categories }, plugins: ["dnd"] }); Нет необходимости самостоятельно выстраивать дерево на стороне php jstree сделает это за нас. По-этому передаем одномерный массив. CODE (html): скопировать код в буфер обмена <div data-categories="<?php echo json_encode($categories); ?>"></div> ----- просто ?: сложно

des1roer	Отправлено: 22 Мая, 2014 - 07:53:14
Новичок Покинул форум Сообщений всего: 33 Дата рег-ции: Апр. 2014 Помог: 0 раз(а)	я как понимаю jstree довольна популярная библиотека и должно быть много людей работавших с ней. сейчас остановился на таком аспекте - как сделать чтобы при получении определенного ид (получаю гетом), выбирался узел дерева. вот если на js писать CODE (javascript): скопировать код в буфер обмена var data2 = [ { "id" : "1", "text" : "главная", "parent" : "#" }, { "id" : "2", "text" : "Услуги", "parent" : "#" }, { "id" : "3","text" : "Наши работы" , "parent" : "2" }, { "id" : "4", "text" : "Создание интернет магазина" , "parent" : "2", "state" : { "opened" : true,"selected":true }}, { "id" : "5", "text" : "Создание сайта", "parent" : "4" }, ]; "state" : { "opened" : true,"selected":true } - открывает узел в дереве. но данные я получаю с базы (считай динамически), как записать внутрь массива еще и стэйт { "id" : "3","text" : "Наши работы" , "parent" : "2" }. как то добавить элемент надо, я не умею. 2 способ - наверное более простой и правильный на пхп завожу массив PHP: скопировать код в буфер обмена while ($row = pg_fetch_row($rs)) { $Sum[] = array ("id" => $row[0], "text" => $row[1], "parent" => $row[2]); } $dataJ = json_encode ($Sum); собственно можно проверить по полученному ид PHP: скопировать код в буфер обмена if ($row[0] == $nrec) и добавить что то вроде PHP: скопировать код в буфер обмена "state" => '{ "selected":true }', но таким образом json_encode ругается на "", в общем синтаксис ему не нравится. может их как то заэкранировать можно - не знаю

des1roer	Отправлено: 23 Мая, 2014 - 10:08:48
Новичок Покинул форум Сообщений всего: 33 Дата рег-ции: Апр. 2014 Помог: 0 раз(а)	проблему решил http://des1roer[dot]blogspot[dot]ru/2014/05/jstree[dot]html

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

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