配置实例

如果按照快速开始那样创建的实例,那么所有配置都会使用默认值:

$('#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" ]
});

你也可以在配置文档中看看都有哪些配置以及它们对应的默认值。这些配置项都可以应用到你的实例上。

例如,默认情况下 jsTree 允许对节点进行多选,对应的配置项是 $.jstree.defaults.core.multiple,通过设置 "core" : { "multiple" : false } 便可对其进行修改。如果你要在同个属性下修改多个配置(像下面中的 "core"),那将它们都包到一起即可:

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