我正在使用具有三种状态的 jstree 复选框 - 已选中、未确定和未选中。当我检查父节点时,子节点会自动检查。当我选择一个子节点时,父节点被部分选中。我已在数据库中将已检查、未确定的状态保存为 1,未选中状态保存为 0。
$('#btnSubmit').bind('click', function (e) {
e.preventDefault();
var checked_ids = [];
$('.jstree-checked, .jstree-undetermined').each(function () {
var id = $(this).children('a').attr('id');
checked_ids.push(id);
});
$.ajax({
url: '@Url.Action("Action", "Controller")',
type: 'POST',
traditional: true,
data: { AccessIds: checked_ids },
success: function () {
checked_ids.length = 0;
alert('success!');
},
error: function () {
alert('Error!');
}
});
return false;
});
现在我想以三态加载树。如果选择了孩子,我如何部分选择父母。我正在做这样的事情:
$(function () {
$('.divchkboxtree #divtree').jstree({
"plugins": ["themes", "html_data", "checkbox", "sort", "ui"]
})
.bind('loaded.jstree', function () {
$('.Node').each(function () {
var id = $(this).attr('id');
$('.divchkboxtree #divtree').jstree("check_node", '#' + id);
});
})
});
这里 '.Node' 类保存检查的 id。现在,当我加载树时,问题是检查了所有节点,因为我已将部分选择的值保存为 1。