jQuery treeTable сохранение состояния на странице обновления

Question

Я использую плагин jquery treetable для отображения моих данных в виде дерева в таблице. Я не могу найти подробную документацию об этом плагине в сети. То, что мне нужно, это если пользователь расширяет узлы сумм, а затем снова открывает или обновляет страницу, где расширение узла должно находиться в его предыдущем состоянии (т. Е. Узлы, которые были расширены, остаются расширенными, а не сворачиваются в их родительские узлы). на этом этапе у меня есть имена узлов для расширения, которые хранятся в файле cookie, но я не знаю, как с ним связать этот плагин jQuery, так как у меня нет gud grasp синтаксиса jQuery. есть функция в этом плагине, как

// Reveal a node by expanding all ancestors 
    $.fn.reveal = function() { 
    $(ancestorsOf($(this)).reverse()).each(function() { 
     initialize($(this)); 
     $(this).expand().show(); 
    }); 

    return this; 
    }; 

, который я думаю, что может быть полезным для достижения своей цели ... но я ВГА ни одна идея не HW использовать это или изменить это или вызвать его из: S

Answer 1

получил его ... просто позвоните $(nodeElement).reveal() из JavaScript на всех элементов, хранящихся в куки («nodeElement» происходит от печенья) и при следующем обновлении все будет в прежнем состоянии

Answer 2

Первоначально я начал использовать этот плагин и любил перемещать дополнительные данные в другие столбцы (например, размеры или описания файлов). Я сорвал все это, потому что мне понравилась семантическая вложенная структура ul. В результате у него появилось много замечательных функций, включая поддержку COOKIE. Если вам удобно отказаться от просмотра таблицы, я бы тоже посмотрел на переключение. Вот демонстрационная страница JSTREE DEMOS. Последнее, что я считаю, использует плагин cookie среди других. Возможность добавления слушателей во многие из его событий также очень эффективна. Я получаю перетащить MySQL на основе файловой системы настройки за полдня работы. Мне пришлось удалить некоторые плагины (включая контекстное меню ... позволяет пользователям щелкнуть правой кнопкой мыши, чтобы переименовать/удалить/и т. Д.), Потому что у него было почти слишком много функций!

фрагмент кода показывает плагинов и добавление хороших слушателей событий:

$("#demo") 
.bind("before.jstree", function (e, data) { 
    $("#alog").append(data.func + "<br />"); 
}) 
.jstree({ 
    // List of active plugins 
    "plugins" : [ 
     "themes","json_data","ui","crrm","cookies","dnd", 
     "search","types","hotkeys","contextmenu" 
    ], 

Answer 3

$('#treetable').treetable({ expandable: true, initialState: 'Expand' }, true);