使用jsTree树形控件【2】配置
实例配置
上一节入门篇中的例子使用了jsTree控件的默认配置，其实我们也可以自定义配置。例如，下面的代码修改控件的主题：
$.jstree.defaults.core.themes.variant = "large";
$('#jstree').jstree();上面的代码虽然修改了控件的主题，但是后面再创建jsTree的实例，将会使用同一各配置，有没有办法实现使用不同的配置来创建jsTree实例了，答案就时直接给实例对 象传递一个配置对象。
$('#jstree').jstree({
"plugins" : [ "wholerow", "checkbox" ]
});从上面的代码可以看出，配置对象中包含一个plugins键，而对应的键值为字符串所组成的数组，每个字符串代表实例中需要激活的插件。
而其它不依赖于插件的选项全部位于配置对象的core键中，而每个插件的配置都位于键名为插件名的字典中。
例如：
$('#jstree').jstree({
"core" : {
"themes" : {
"variant" : "large"
}
},
"checkbox" : {
"keep_selected_style" : false
},
"plugins" : [ "wholerow", "checkbox" ]
});你可以从这里查看默认的配置，里面也列出了你可以进行修改的选项。
例如，默认情况下树形控件运行执行多选操作，这个配置位于$.jstree.defaults.core.multiple，可以使用下面这个配置覆盖默认值:
"core" : {
"multiple" : false,
"animation" : 0
}
});本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016.03.03 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录