当前位置: 首页 > 文档资料 > jsTree 中文文档 >

配置实例

优质
小牛编辑
131浏览
2023-12-01

如概述中所述创建实例不会修改任何默认值:

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

您可以更改所有将来实例的默认值:

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

但是大多数时候,您只想为正在创建的实例更改默认值。这是通过在创建实例时传入配置对象来实现的:

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

如上例所示,config对象中有一个特殊的键名为plugins。它是一个字符串数组,其中包含要在该实例上活动的插件的名称。

所有不依赖于插件core的选项都包含在名为config对象的键中,每个插件的选项都包含在与插件同名的键中:

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

您可以查看所有 选项及其默认值。您可以在每个实例上配置此列表。

例如,默认情况下,树允许如中所述进行多项选择$.jstree.defaults.core.multiple,以覆盖以确保您的配置对象包含"core" : { "multiple" : false }。如果您对同一个键有多个替代(例如"core"此处),请对它们进行分组:

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