Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   проблемы с jsTree (https://javascript.ru/forum/jquery/13445-problemy-s-jstree.html)

Yurok_shnurok 28.11.2010 22:02

проблемы с jsTree
 
Доброго времени суток!
Пытался разобраться сам с этим плагином, но так как знаний javascript не хватает для этого, решил обратиться к знающим людям. Сам я программирую на ActionScript, и я слышал, что эти два языка похожи.
Мне нужно создать дерево, с подгрузкой данных с сервера, и вставить checkbox`ы, и после того как пользователь отметил какие-нибудь элементы дерева. Сохранить эти данные.
Читал документацию, но она мне мало чем помогла. Непонятно еще то, что настройки прописываются разными способами. И какой из них подойдет для меня неизвестно. На данном этапе удалось сделать само дерево, которое берет данные с сервера.
Фрагмент кода файла test.php
echo '[{ "data" : "Parent", "children" : [ { "data" : "Component", "state" : "closed" } ], "state" : "closed" }, "asdas"]';

Сам код javascript
$(function () {
    $("#demo").jstree({
       "plugins" : ["themes", "json_data", "checkbox"],

        "json_data" : {
                "ajax":{
                     "url": "testClass.php",
                     "data" : function (n) {

                       return {
                        "operation" : "get_children",
                        "id" : n.attr ? n.attr("id").replace("node_","") : 1
                       };
                     }
                }
        }

       });
 });

Возникает вопрос, что возвращает функция в data? И "operation" : "get_children" - это вызов какой-то функции из самого плагина? Или это отправляется на сервер?

Быть может есть подробная документация по этому плагину? Разбор демонстрации для такого новичка как я не подходит. Буду очень рад если кто-нибудь мне поможет, в ответ могу только предложить помощь по ActionScript!:)

Yurok_shnurok 30.11.2010 22:21

Вроде с подгрузкой данных разобрался, добавил checkbox`ы. Теперь появился вопрос, можно ли отслеживать изменения состояния checkbox`а, и сразу отсылать через ajax данные на сервер?

Yurok_shnurok 01.12.2010 17:20

Или такое невозможно?

Yurok_shnurok 09.12.2010 17:51

Попробовал написать в настройках jstree такой вариант
.bind("change_state.checkbox.jstree", function (e, data){
          //alert(data);
        })

После просмотра всех свойств объекта data, нашел строку со списком, но никак не могу выделить id выбранного элемента, хотя при открытии jstree в демо, есть строка
.bind("create.jstree", function (e, data) {
            $.post(
                "./server.php",
                {
                    "operation" : "create_node",
                    "id" : data.rslt.parent.attr("id").replace("node_",""),
                    "position" : data.rslt.position,
                    "title" : data.rslt.name,
                    "type" : data.rslt.obj.attr("rel")
                },
                function (r) {
                    if(r.status) {
                        $(data.rslt.obj).attr("id", "node_" + r.id);
                    }
                    else {
                        $.jstree.rollback(data.rlbk);
                    }
                }
            );
        })

"id" : data.rslt.parent.attr("id").replace("node_","") - как я понял здесь находиться id объекта, но в моем случае в объекте parent вообще нет никаких свойств.

e1f 10.12.2010 16:13

по документации -- http://www.jstree.com/documentation

В JSON-ответе кроме свойства data еще передавайте св-во attr -- а там уже все атрибуты, которые необходимо добавить элементу дерева

Yurok_shnurok 20.12.2010 18:07

Спасибо, е1f!

Мне еще нужно как-то сохранять выбранные пользователем варианты. У меня задача такая, пользователь выбирает товары, которые представлены в виде дерева, и после того как он пометил checkbox`ы, кликает кноппку "сохранить", и выбранные товары нужно сохранить в базе данных. Но я никак не могу добраться до этого checkbox`a, чтобы узнать его состояние. В документации мало, что написанно про эти checkbox`ы. Я пробовал такой код
.bind("change_state.check_box.jstree", function (e, data){
                    
          alert(data.args[0].attr("id"));
          
        })
При раскрытии ветки дерева, у меня выводит сообщение какой это id, но при изменении состояния чекбокса, происходит ошибка. Быть может есть более легкий способо решить такого рода задачу?

e1f 20.12.2010 18:16

1. Вот тут смотрели?
2. Что это за тэг "change_state"?
3. Давайте небольшой, демонстрирующий проблему, пример, желательно доступный по внешней ссылке "на посмотреть".

Yurok_shnurok 20.12.2010 18:33

Из-за не знания языка js, я даже не знаю, что это за bind(). Как я предполагал, эта функция отслеживает события дерева. Пример у меня на локалке, впринципе я его составил из примера, который идет в комплекте с jsTree.

Yurok_shnurok 20.12.2010 19:39

Вообще с помощью jsTree v 1.0rc2 возможно решить такую задачу? Или я зря трачу время?

e1f 20.12.2010 19:53

Цитата:

Сообщение от Yurok_shnurok (Сообщение 84565)
Из-за не знания языка js, я даже не знаю, что это за bind().

Ну, тут уж помочь ничем нельзя.

Цитата:

Сообщение от Yurok_shnurok (Сообщение 84573)
Вообще с помощью jsTree v 1.0rc2 возможно решить такую задачу? Или я зря трачу время?

Понятия не имею, что за задача. Выложите минимальный тестовый пример, в котором видно проблему.


Часовой пояс GMT +3, время: 16:57.