Как скрыть невыбранную checknode в jstree

Question

Как заголовок, как я могу скрыть невыбранную checknode в jstree. Я хочу показать только checknodes и его родительский элемент в 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);