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 возможно решить такую задачу? Или я зря трачу время?

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

Yurok_shnurok 21.12.2010 21:08

C сохранением состояния чекбокса в базе данныхя разобрался, но вот теперь не могу понять как загружать это состояние оттуда не пойму. В примере есть такой php-код

foreach($tmp as $k => $v) {
$result[] = array(
"attr" => array("id" => "node_".$k, "rel" => $v[$this->fields["type"]]),
"data" => $v[$this->fields["title"]],
"state" => ((int)$v[$this->fields["right"]] - (int)$v[$this->fields["left"]] > 1) ? "closed" : "",
"language" => "ru"
);
}
return json_encode($result);

"language" => "ru" - это уже я добавил, вроде работает. Но, какой параметр отправить, чтобы checkbox'у было установлено сохраненное состояние, не знаю.
Уже писал "checkbox" => "checked", для теста, но не помогло.

Yurok_shnurok 21.12.2010 22:06

Спасибо всем большое, я разобрался с этими checkbox`ами, тему можно закрыть.

des1roer 21.05.2014 12:09

сам парюсь с jstree
 
там есть такое (в основном примере)
$(function () {
    // 6 create an instance when the DOM is ready
    $('#jstree').jstree();
    // 7 bind to events triggered on the tree
    $('#jstree').on("changed.jstree", function (e, data) {
      console.log(data.selected);	
	  var podrid = data.selected; //data.selected - ид текущего узла

    });
    // 8 interact with the tree - either way is OK
    $('button').on('click', function () {
      $('#jstree').jstree(true).select_node('child_node_1');
      $('#jstree').jstree('select_node', 'child_node_1');
      $.jstree.reference('#jstree').select_node('child_node_1');
    });
  });


а сам хочу при помощи jstree обратиться к определенному узлу, перейти на него. может кто подскажет как ?


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