FancyTree 状态保持-白红宇

FancyTree 状态保持

阅读量：5876 次

发布时间：2019-06-19

本文共 2442 字，大约阅读时间需要 8 分钟。

FancyTree非常优秀的树控件

examples：http://wwwendt.de/tech/fancytree/

如何将树节点的选中状态保存下来，无论刷新页面还是，ajax重复请求，都保持在上一次状态呢？

FancyTree提供状态持久化保存扩展，方案如下：

https://github.com/mar10/fancytree/wiki/ExtPersist

$("#tree").fancytree({  extensions: ["persist"],  checkbox: true,  persist: {    // Available options with their default:    cookieDelimiter: "~",    // character used to join key strings    cookiePrefix: undefined, // 'fancytree-
     
      -' by default    cookie: { // settings passed to jquery.cookie plugin      raw: false,      expires: "",      path: "",      domain: "",      secure: false    },    expandLazy: false, // true: recursively expand and load lazy nodes    overrideSource: true,  // true: cookie takes precedence over `source` data attributes.    store: "auto",     // 'cookie': use cookie, 'local': use localStore, 'session': use sessionStore    types: "active expanded focus selected"  // which status types to store  },  [...]});

Options

cookieDelimiter, type: {string}, default: '~'
Character used to join key strings.

cookiePrefix, type: {string}, default: 'fancytree-<treeId>-'
Used to generate storage keys.

cookie, type: {object}, default: use a session cookie
Options passed to (only if cookies are used; see also 'store' option).

expandLazy, type: {boolean}, default: false
true: recursively expand and load lazy nodes.

fireActivate, type: {boolean}, default: true
false: suppress activate event after active node was restored.

overrideSource, type: {boolean}, default: true
true: persisted information will be used, even if source data is set to true or false.
false: persisted information will only be used if source data is undefined.

store, type: {string}, default: 'auto'
Storage type 'local': , 'session': , 'cookie': use (or ) plugin.
'auto': use sessionStorage if available, fallback to cookie.
Use 'local' (or 'cookie' with expiration settings) to store status over sessions.