工学1号馆

home

关于jstree中的checkbox插件的使用

Wu Yudong    December 28, 2019     HTML5+CSS3   56   

今天在项目中使用了checkbox,虽然之前对jstree研究了很多,还在项目中实践过,但是今天是第一次使用checkbox,本文记录一下心得和踩过的坑,希望读者能避免

先进行简单的配置和绑定数据

$("#sidebar").jstree({
"plugins": ["wholerow", "types", "state", "checkbox"],

'checkbox' : {
    "tie_selection": false,
    "keep_selected_style" : false,//是否默认选中
    "three_state": false,//父子级别级联选择
  },
'core': {
	"themes" : {
          "theme" : "default" ,
          "dots" : false,  
          "icons" : false
     },
    "data": window.documentCategory
},);

接着根据数据库中的字段来判断节点是否选中,这个在后台提供json数据的之前就已经进行赋值了,如下:

$tmp['state'] = $item->is_free ? array("checked"=>true):array("checked"=>false);

也即是变成json里面这样的形式:

“state”:{“checked”:true}

这样jstree就会根据state来判断节点是否选中

如果文章对您有帮助,欢迎点击下方按钮打赏作者

Comments

No comments yet.
To verify that you are human, please fill in "七"(required)