jstreeで部分的に選択された親IDを取得する方法

Question

私はツリービュー（Parent-Child）構造にチェックボックスを付け、選択された各アイテムのidを返すために "jstree"を使用しています。しかしここで私は子供のIDだけを取得しており、選択された親Idを取得していません。親切にも私もそれを手伝ってください。

コードを見つけるには[enter code herehttp://jsfiddle.net/2kwkh2uL/5807/]をクリックしてください。

Answer 1

各オブジェクトには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(); 
 
\t \t $('#submit').click(function(){ 
 
\t \t \t var selectedElmsIds = []; 
 
\t \t \t var selectedElms = $('#container').jstree("get_selected", true); 
 
\t \t \t $.each(selectedElms, function() { 
 
\t \t \t  selectedElmsIds.push(
 
      { 
 
      id: this.id, 
 
      parent: this.parent 
 
      } 
 
     ); 
 
\t \t \t  console.log('Id node: '+this.id); 
 
\t \t \t  console.log('Id parent: '+this.parent); 
 
\t \t \t }); 
 
\t \t \t console.log(JSON.stringify(selectedElmsIds)); 
 
\t \t });

<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、saludos。

PS：私は悪い英語をお詫びします。私はスペイン語を話し、私はgoogle translatorを使用しています。