jstreeで選択されていないチェックノードを非表示にする方法

Question

タイトルとして、jstreeで非選択のチェックノードを非表示にする方法を教えてください。 jstreeにチェックノードとその親だけを表示したい。

はどうもありがとうございます

Answer 1

あなたが完全に選択されたノードとその潜在的に部分的に選択した両親をフィルタリングする必要があります - 選択したノードは、いくつかの選択されていない兄弟を持っている場合。これらのすべてのノードに対して、state.hidden〜trueを設定します。その後、ツリーを再描画します。

、以下を参照してくださいコード、またデモをチェック - Fiddle Demo

$("#yourTreeId") 
    .jstree('get_json', '#', { 
     flat: true 
    }) 
    .forEach(function(node) { 
     if (!node.state.selected && $('#' + node.a_attr.id).find('.jstree-undetermined').length === 0) { 
      $("#yourTreeId").jstree('get_node', node).state.hidden = true; 
     } 
    }); 

$('#yourTreeId').jstree('redraw', true);