• 配置实例

    配置实例

    如前面所述,创建这样一个实例不会改变任何设置。

    1. $('#jstree').jstree();

    你可一次性进行全局设置,在之后创建的实例中都生效:

    1. $.jstree.defaults.core.themes.variant = "large";
    2. $('#jstree').jstree();

    但大部分情况下,你想要的可能不是全局设置,而是针对不同的实例进行不同的设置。
    下面是传入一个配置对象的例子:

    1. $('#jstree').jstree({
    2. "plugins" : [ "wholerow", "checkbox" ]
    3. });

    上述例子中,配置对象中有一个属性是plugins,是一个字符串数组,表示需要启用的插件的名字。

    所有不与插件相关的配置都放在名为core的属性中,不同插件的配置放在以各插件为名的属性中:

    1. $('#jstree').jstree({
    2. "core" : {
    3. "themes" : {
    4. "variant" : "large"
    5. }
    6. },
    7. "checkbox" : {
    8. "keep_selected_style" : false
    9. },
    10. "plugins" : [ "wholerow", "checkbox" ]
    11. });

    可用的配置及其默认选项见API 页面,可用于配置任何实例。

    譬如,jstree 默认允许对节点进行多选,对应的默认配置是$.jstree.defaults.core.multiple
    但你可在配置对象中传入"core" : { "multiple" : false }进行修改:

    1. $("#jstree").jstree({
    2. "core" : {
    3. "multiple" : false,
    4. "animation" : 0
    5. }
    6. });