JSTree 检查被选中的节点是叶节点还是只使叶节点可选

Question

我创建了一个jstree如下

$('#js-tree').jstree({
            'core' : {
              'data' : {
                'url' : "${pageContext.request.contextPath}/makeTree",
                "plugins" : [ "types", "search"],
                'data' : function (node) {
                  return { 'id' : node.id };
                }
              }
            }
            });

我想在提交信息的时候检查选中的节点是否是叶节点-

var selectedLeaves = $("#js-tree").jstree("get_selected");

但这只给了我 id 数组。我如何使用 is_leaf 方法从所选节点中过滤出我们唯一的叶节点？我提到了这个 post - Force user to select only leaf nodes 此解决方案对我不起作用。

Answer 1

我自己找到了一个解决方案，使用 get_selected api 的参数来过滤掉文件夹中的叶子 -

var nodes = $("#js-tree").jstree(true).get_selected("full", true);
$.each(nodes,function(i, node){
  if(node.children.length >0){
    console.log("not leaf");
  }
  else{
    console.log("leaf");
  }  
});

如果你有更好的解决方案请告诉我。

Answer 2

这是对我有用的方法

var res = jQuery.jstree.reference('#js-tree').get_json('#', { flat: true });
                var cnt = 0;
                for (var i = 0, j = res.length; i < j; i++) {
                    if (res[i].parent !== '#') {
                        cnt++;
                    }
                }

cnt 是输出

JSTree 检查被选中的节点是叶节点还是只使叶节点可选

JSTree check is selected nodes are leaf or make only leaves selectable

jquery

ajax

jstree