Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Jstree и создание нового узла с сохранением в бд / 1 сообщений из 1, страница 1 из 1
29.01.2017, 02:55
    #39393930
sklyanka
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Jstree и создание нового узла с сохранением в бд
Ребята, подскажите, плиз.
Для построения дерева использую плагин jstree.
Данные для дерева гружу из бд в формате json.
Возникла проблема с созданием новых узлов через контекстное меню ... В инете ничего толкового не получается найти.
Как создать узел в дереве,при этом отправить его на сервер и сохранить в бд (ajax)?

Существующий код внизу

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
$(document).ready(function(){
    $('#categoryTree').jstree({
    'core' : {
      'data' : {
          'url': function (node) {
                   return node.id === '#' ?
                     '${pageContext.request.contextPath}/admin/select/regions' :
                     '${pageContext.request.contextPath}/admin/select/'+node.id+'/children';
                 },
          'data' : function (region) {
              return { 'id': region.id }
              }
          }
      },
      "plugins" : [ "contextmenu" , "search" ],
      "search":{"show_only_matches":true, "show_only_matches_children":true},
      "contextmenu": {
              "items":  {

                      "Create": {
                          "label": "Create a new employee",
                          action: function (obj) {
                            $('#categoryTree').jstree().create_node('#' ,  { "id" : "ajson5", "text" : "newly added" }, "last", function(){
                                alert("done");
                             });
                          }
                      },
                      "Rename": {
                          "label": "Rename an employee",
                          "action": function (obj) {
                              /*this.rename(obj);*/
                          }
                      },
                      "Delete": {
                          "label": "Delete an employee",
                          "action": function (obj) {
                              /*this.remove(obj);*/
                          }
                      }

              }
          }
    })
    .bind("create.jstree", function (e, data) {
                alert("create!!!");
            });
});



Дайте хотя бы направление... Спасибо!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Jstree и создание нового узла с сохранением в бд / 1 сообщений из 1, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]