ztree 设置复选框 根据数据动态勾选

ztree 设置复选框 根据数据动态勾选

首先需要引入js文件

<script type="text/javascript" src="<%=basePath %>/scripts/ztree/3.5.29/jquery.ztree.excheck.js"></script>

在setting中添加check设置、

check:{
//enable需要设置为true
 enable:true,
    //样式设置为checkbox 复选框 也可以设置为单选框 radioButton
    chkStyle:'checkbox',
    //Y-勾选节点
    //N-取消勾选
    //p-parent 是否关联父节点
    //s-sun 是否关联子节点
    chkboxType:{
     'Y':'ps',
        'N':'s'
 }
}

再callback中 需要添加2个函数，如果不需要在勾选前或者勾选做一些事情的话，可以忽略

callback: {
       beforeCheck:zTreeBeforeCheck, 
       onCheck: onCheck
},

后台数据需要添加checked属性，为true或false，到页面才会根据checked自动进行勾选操作,这个方法是返回ztree需要的数据格式，也可以自带一些其他的属性

页面效果图