jstree 获取所有选中节点的值，包括父节点，子节点

最新推荐文章于 2024-07-16 15:44:39 发布

weixin_42578135

最新推荐文章于 2024-07-16 15:44:39 发布

阅读量1.4w

点赞数

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jstree</title>
<link href="js/style.min.css" rel="stylesheet">
</head>
<body>
<div class="ibox-content">
<div id="using_json"></div>
</div>
<input type="button" value="打开选择的id" οnclick="openId();">
</body>
<script src="js/jquery.min.js"></script>
<script src="js/jstree.min.js"></script>
<script>

function openId(){
var ref = $('#using_json').jstree(true);//获得整个树
ref.get_all_checked = function(full) {
var tmp=new Array;
for(var i in this._model.data){
if(this.is_undetermined(i)||this.is_checked(i)){tmp.push(full?this._model.data[i]:i);}
}
return tmp;
};

var checkedNodes = ref.get_all_checked(true); //获取所有选中节点值，返回是数组（父节点，子节点）
var checkedId=ref.get_all_checked();//获取所有选中节点id（父节点，子节点）
var fisrt = [];
checkedNodes.forEach(function(e)
{
if(!!e.parent&&e.parent!="#"){
fisrt.push({"id":e.original.id,"name":e.original.name});
}
});
console.log(checkedNodes);
console.log(fisrt);
}
$(function(){
var slectdata=[{ "id" : "8899", "parent" : "3", "text" : "Child 25","name" : "Child 25"},
{ "id" : "6", "parent" : "3", "text" : "Child 2511","name" : "Child 2511"}];
var treeData=[{ "id" : "1", "parent" : "#", "text" : "Root node 2" ,"name" : "Root node 2" },
{ "id" : "2", "parent" : "1", "text" : "Child 1", "name" : "Child 1"},
{ "id" : "3", "parent" : "2", "text" : "Child 12" ,"name" : "Child 12"},
{ "id" : "55", "parent" : "2", "text" : "Child 13","name" : "Child 13"},
{ "id" : "4", "parent" : "2", "text" : "Child 14","name" : "Child 14"},
{ "id" : "788", "parent" : "2", "text" : "Child 15","name" : "Child 15"},
{ "id" : "8899", "parent" : "3", "text" : "Child 25","name" : "Child 25"},
{ "id" : "6", "parent" : "3", "text" : "Child 2511","name" : "Child 2511"},
{ "id" : "7", "parent" : "3", "text" : "Child 2512","name" : "Child 2512"},
{ "id" : "8", "parent" : "3", "text" : "Child 2513","name" : "Child 2513"}];
$('#using_json').jstree({
'core' : {
'data' : treeData
},
"plugins" : [ "checkbox" ]

}).on("loaded.jstree", function (event, data) {
$("#using_json").jstree("deselect_all",true);
$('#using_json').jstree('select_node',"8899",true);
$('#using_json').jstree('select_node',"6",true);
});

});
</script>
</html>