Rumah > hujung hadapan web > tutorial js > 关于jstree单选功能的实现方法教程实例

关于jstree单选功能的实现方法教程实例

零下一度
Lepaskan: 2017-06-17 17:26:45
asal
2202 orang telah melayarinya

这篇文章主要介绍了 jstree单选功能的实现方法,需要的朋友可以参考下

在选择部门时,因为每个人只有一个部门,因此要实现单选。

在jstree的core里加入 “multiple”: false,

注意是写在core

如下所示


'plugins': ["wholerow", "checkbox", "types"],
'core': {
    "multiple": false,//单选
    "themes": {
       "responsive": false
    },
Salin selepas log masuk

如果只选择子节点的话,这样实现是没有问题的。

这里写图片描述

注意:如果选择父节点的话,还是会选中下面的子节点

这里写图片描述

如果想选择父节点时不全选子节点,就需要加上下面这句


"checkbox": {
        "three_state": false
      },
Salin selepas log masuk

注意这个是和plugins,core平级的


'plugins': ["wholerow", "checkbox", "types"],
'checkbox': {
     "three_state": false//父子级不关联选中
 },
'core': {
   "multiple": false,//单选
   "themes": {
   "responsive": false
 },
Salin selepas log masuk

效果如下:

这里写图片描述

这是可以看到选中了父节点,子节点已经不会选中了。

Atas ialah kandungan terperinci 关于jstree单选功能的实现方法教程实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan