我使用“jstree”作为 TreeView (父子)结构uisng复选框并返回每个选定项目的id。但在这里我只获得 child 的 ID,而没有获得选定的家长 ID。请帮我也得到它。
点击[在此处输入代码
http://jsfiddle.net/2kwkh2uL/5807/ ]找到代码。
最佳答案
每个对象都带有一个名为parent
的键,其中包含id
。答案如下:
$('#container').jstree({
'core' : {
'data' : [
{ "text" : "P1", "children" : [
{ "text" : "O11" },
{ "text" : "O12" },
{ "text" : "O13"}
]
},
{ "text" : "P2", "children" : [
{ "text" : "O21" },
{ "text" : "O22" },
{ "text" : "O23"}
]
},
]
},
"plugins" : ["checkbox"]
});
$('#submitdiv').show();
$('#submit').click(function(){
var selectedElmsIds = [];
var selectedElms = $('#container').jstree("get_selected", true);
$.each(selectedElms, function() {
selectedElmsIds.push(
{
id: this.id,
parent: this.parent
}
);
console.log('Id node: '+this.id);
console.log('Id parent: '+this.parent);
});
console.log(JSON.stringify(selectedElmsIds));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.3/jstree.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.3/themes/default/style.min.css">
<div id="container"></div>
<div id="submitdiv" style="display:none;position:absolute">
<button id="submit">submit</button>
</div>
Espero haberte ayudado,致敬。
PS:对于我的英语不好,我深表歉意,我会说西类牙语,而且我正在使用谷歌翻译。
关于javascript - 如何在jstree中获取部分选择的父ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44006085/