使用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
  }
});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大前端_Web

深入理解JS异步编程四(HTML5 Web Worker)

>Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker...

22260
来自专栏光变

Vim实现批量注释的方法

调试代码的时候,免不了要批量注释/取消代码注释,很多IDE都有快捷键将你选中的…

12410
来自专栏Java后端技术

Linux的Bash Shell详解

  1.什么是bash           bash是Bourne Again Shell的简称,是从unix系统中的sh发展而来的,是用户和Linux内核交互...

11040
来自专栏Micro_awake web

HTML/HTML5 Input类型&&表单

1.HTML 中"不常用"input类型中的属性值: disabled:输入字段禁用; maxlength:输入字段的最大字符长度; readonly:输入字符...

31970
来自专栏醉生梦死

vim部分常用的命令(更新时间:2018/11/07)

16050
来自专栏运维小白

5.5 进入编辑模式

编辑模式:就是进入到可以编辑文本文件的模式 ? 进入编辑模式方法: i ,直接在当前光标处进入编辑模式 I (大写I),光标直接移动到该行的行首,并进入编辑...

20670
来自专栏运维小白

5.7 vim实践

多练习,记好笔记 # cp /etc/dnsmasq.conf /tmp/1.txt (1) 分别向下、向右、向左、向上移动6个字符(6j 6l 6h 6k...

195100
来自专栏技术杂谈

用100行Nodejs代码写微博爬虫

执行fetchHtml的时候附带登录的 Cookie,本文把 Cookie 存在 Cookie.txt

2.4K80
来自专栏编程理解

Linux命令使用:gzip、bzip2与zip

文件的压缩/解压操作在日常使用中很常见,压缩后的文件可以节省存储空间,又方便进行网络传输。

14120
来自专栏linux系统运维

管道符和作业控制,shell变量和环境变量配置文件

20350

扫码关注云+社区

领取腾讯云代金券