Как загрузить данные, проверенные на JsTree - PullRequest
Новая
       48

Как загрузить данные, проверенные на JsTree

0 голосов
/ 05 мая 2020

Интересно, как загрузить новые данные в JsTree, мне нужно загружать данные при щелчке следующим образом: 

 function showTree(group_id){
        $("#jstree").jstree({
            "core": {
                "themes": {
                    'name': 'proton',
                    'responsive': true
                },
                "data": {
                   type: "POST",
                   url: "/menu/tree",
                   dataType: "json",
                   data: {
                         group_id: group_id
                   },
                   success: function (data) {
                      data.d;
                      console.log(data);
                      $(data).each(function () {
                         return { "id": this.id };
                      });
                   }
                },
             },
            "checkbox" : {
                "keep_selected_style" : false
            },
            "plugins" : [ "checkbox" , "types", "json_data"]
        });
}

Когда я вызываю функцию в первый раз, она работает, но второй раз с разные данные, данные не меняются.

Примечание: разные данные взяты из проверенного значения

пример данных: новый: 

   {
      id          : "1"
      text        : "Test 1"
      state       : {
        selected  : true
      },
    }
    {
      id          : "2"
      text        : "Test 2"
      state       : {
        selected  : false
      },
    }

я меняю на : 

{
  id          : "1"
  text        : "Test 1"
  state       : {
    selected  : false
  },
}
{
  id          : "2"
  text        : "Test 2"
  state       : {
    selected  : false
  },
}

могу ли я изменить только данные, выбранные из JsTree?

1 Ответ

0 голосов
/ 05 мая 2020

Инициализация jsTree с помощью $("#jstree").jstree() выполняется один раз и не предназначена для повторного использования. Повторный вызов функции jstree для элемента может не воссоздать дерево. Если вы используете ajax исходные данные, вы можете использовать функции jsTree для повторного рисования с новыми данными.

Функция refre sh может загружать новые данные из ajax url. 

function updateTree(group_id){
    $("#jstree").jstree(true).settings.core.data = {
        type: "POST",
        url: "/menu/tree",
        dataType: "json",
        data: {
             group_id: group_id
        },
        success: function (data) {
          data.d;
          console.log(data);
          $(data).each(function () {
             return { "id": this.id };
          });
        }
    };

    $("#jstree").jstree(true).refresh();
}
...