jsTree-doc

配置实例

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

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

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

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

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

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

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

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

$('#jstree').jstree({
  "core" : {
    "themes" : {
      "variant" : "large"
    }
  },
  "checkbox" : {
    "keep_selected_style" : false
  },
  "plugins" : [ "wholerow", "checkbox" ]
});

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

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

$("#jstree").jstree({
  "core" : {
    "multiple" : false,
    "animation" : 0
  }
});