配置实例
如果按照快速开始那样创建的实例,那么所有配置都会使用默认值:
$('#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
}
});