//渲染
tree.render({
elem: '#access_tree' //绑定元素
,id: 'accessId'
, data: getAllAccess("1,3,4,5,6,9")
, accordion: true
, onlyIconControl: true
, showCheckbox: true
, checkChild: false /*false 设置选中父级不选中子级*/
, click: function (obj) {}
});
/**
access_ids 是初始化要选中的id值字符串,用“,”隔开
后台获取数据设置 选中的信息 加上 checked=True,没选中 checked=False
*/
function getAllAccess(access_ids){
var data = [];
var csrfToken = $("[name='csrfmiddlewaretoken']").val();
$.ajax({
url: "{% url 'access_all_list' %}", //后台数据请求地址
type: "post",
data: {"csrfmiddlewaretoken": csrfToken, "ids": access_ids},
async: false,
success: function(result){
data = result.list;
}
});
return data;
}
/**
tree.js中修改如下
**/
checkChild:true 设置参数,true 则父级选中则一起选中所有子级,false 则父级选中,不选中子级
这边是同步选中父级下的子级代码
设置不全中父级下的子级后,再把参数设置为true。