fancyTree学习笔记

PS：学习并使用Fancytree控件过程中，通过阅读官方指导文档发现的该控件节点的可配置内容及其它常用的、方便使用的节点操作的API。

一．Fancytree控件节点的可配置项如下：

$("#selector").fancytree({    activeVisible: true, // Make sure, active nodes are visible (expanded)    aria: true, // Enable WAI-ARIA support    autoActivate: true, // Automatically activate a node when it is focused using keyboard    autoCollapse: false, // Automatically collapse all siblings, when a node is expanded    autoScroll: false, // Automatically scroll nodes into visible area    clickFolderMode: 4, // 1:activate, 2:expand, 3:activate and expand, 4:activate (dblclick expands)    checkbox: false, // Show checkboxes    debugLevel: 2, // 0:quiet, 1:normal, 2:debug    disabled: false, // Disable control    focusOnSelect: false, // Set focus when node is checked by a mouse click    escapeTitles: false, // Escape `node.title` content for display    generateIds: false, // Generate id attributes like <span id='fancytree-id-KEY'>    idPrefix: "ft_", // Used to generate node id´s like <span id='fancytree-id-<key>'>    icon: true, // Display node icons    keyboard: true, // Support keyboard navigation    keyPathSeparator: "/", // Used by node.getKeyPath() and tree.loadKeyPath()    minExpandLevel: 1, // 1: root node is not collapsible    quicksearch: false, // Navigate to next node by typing the first letters    rtl: false, // Enable RTL (right-to-left) mode    selectMode: 2, // 1:single, 2:multi, 3:multi-hier    tabindex: "0", // Whole tree behaves as one single control    titlesTabbable: false, // Node titles can receive keyboard focus    tooltip: false // Use title as tooltip (also a callback could be specified)});

二．设置节点 Selected属性：

Use `node.setSelected()` or `node.isSelected()` to access.

三．设置节点title属性

title Node text (may contain HTML tags). Use `node.setTitle()` to modify.


{$.Promise} reload(source)  重新加载节点源

四．节点方法：根据键值获取节点

{FancytreeNode|null} getNodeByKey(key, searchRoot)

Return node with a given key or null if not found.
Parameters:
Name Type Argument Description
key string
searchRoot FancytreeNode
<optional> only search below this node
Returns:
Type
FancytreeNode | null