jQuery treeTable 在页面刷新时保存状态

Question

我正在使用 jquery treetable 插件将我的数据显示为表中的 TreeView 。我在网上找不到有关此插件的详细文档。我需要的是，如果用户展开总和节点，然后重新打开或刷新页面，则节点展开应处于先前的状态(即，展开的节点应保持展开状态，而不是折叠到其父节点中)。在这个阶段，我有要扩展的节点名称，存储在 cookie 中，但我不知道如何使用这个 jQuery 插件，因为我对 jQuery 语法没有很好的掌握。这个插件中有一个函数

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

    return this;
  };

我认为这可能对实现我的目标有用......但我不知道如何使用它，或更改它或从以下位置调用它:S

Answer 1

我最初开始使用这个插件，并且喜欢将附加数据移动到其他列中的功能(例如文件大小或描述)。我把它全部撕掉，因为我喜欢语义嵌套的 ul 结构。它最终拥有了许多出色的功能，包括 COOKIE 支持。如果您愿意放弃表格 View ，我也会考虑切换。这是演示页面 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"
    ],