不打开所选目录的子文件夹 - jstree

Question

大家好我需要打开树直到所选文件夹，也就是说不打开所选目录的子文件夹

例如，在图片中，我不想打开文件“test3”enter image description here

<script>
$(function () {
    $('#tree')
        .jstree({
            'core' : {
                'data' : {
                    'url' : '<?php echo URL::base(); ?>/tree?operation=get_node',
                    'data' : function (node) {
                        console.log(node.id);
                        return { 'id' : node.id.replace("\/","/") };
                    }
                },
                'check_callback' : function(o, n, p, i, m) {
                    if(m && m.dnd && m.pos !== 'i') { return false; }
                    if(o === "move_node" || o === "copy_node") {
                        if(this.get_node(n).parent === this.get_node(p).id) { return false; }
                    }
                    return true;
                },
                'force_text' : true,
                'themes' : {
                    'responsive' : false,
                    'variant' : 'small',
                    'stripes' : true
                }
            },
            'sort' : function(a, b) {
                return this.get_type(a) === this.get_type(b) ? (this.get_text(a) > this.get_text(b) ? 1 : -1) : (this.get_type(a) >= this.get_type(b) ? 1 : -1);
            },
            'contextmenu' : {
                'items' : function(node) {
                    var tmp = $.jstree.defaults.contextmenu.items();
                    delete tmp.create.action;
                    tmp.create.label = "New";
                    tmp.create.submenu = {
                        "create_folder" : {
                            "separator_after"   : true,
                            "label"             : "Folder",
                            "action"            : function (data) {
                                var inst = $.jstree.reference(data.reference),
                                    obj = inst.get_node(data.reference);
                                inst.create_node(obj, { type : "default" }, "last", function (new_node) {
                                    setTimeout(function () { inst.edit(new_node); },0);
                                });
                            }
                        },
                        "create_file" : {
                            "label"             : "File",
                            "action"            : function (data) {
                                var inst = $.jstree.reference(data.reference),
                                    obj = inst.get_node(data.reference);
                                inst.create_node(obj, { type : "file" }, "last", function (new_node) {
                                    setTimeout(function () { inst.edit(new_node); },0);
                                });
                            }
                        }
                    };

                    if(this.get_type(node) === "file") {
                        delete tmp.create;
                    }
                    return tmp;
                }
            },
            'types' : {
                'default' : { 'icon' : 'folder' },
                'file' : { 'valid_children' : [], 'icon' : 'file' }
            },
            'unique' : {
                'duplicate' : function (name, counter) {
                    return name + ' ' + counter;
                }
            },
            'plugins' : ['state','dnd','sort','types','contextmenu','unique']
        })
        /*********************************/
        .on('open_node.jstree', function (e, data) {
            console.log("sdfsfdsdfs");
        })

        /*********************************/
        .on('delete_node.jstree', function (e, data) {

            $.get('<?php echo URL::base(); ?>/tree?operation=delete_node', { 'id' : data.node.id })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('create_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=create_node', { 'type' : data.node.type, 'id' : data.node.parent, 'text' : data.node.text })
                .done(function (d) {
                    data.instance.set_id(data.node, d.id);
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('rename_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=rename_node', { 'id' : data.node.id, 'text' : data.text })
                .done(function (d) {
                    data.instance.set_id(data.node, d.id);
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('move_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=move_node', { 'id' : data.node.id, 'parent' : data.parent })
                .done(function (d) {
                    //data.instance.load_node(data.parent);
                    data.instance.refresh();
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('copy_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=copy_node', { 'id' : data.original.id, 'parent' : data.parent })
                .done(function (d) {
                    //data.instance.load_node(data.parent);
                    data.instance.refresh();
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })

});
</script>

Answer 1

<div id="page-content" class="page-content">
<section class="row-fluid">
    <div class="page-header">
        <h3 class="heading-icon" data-icon="&#xe398;" aria-hidden="true"><?php echo __("Arborescence"); ?> <small></small></h3>
    </div>
    <div id="action_directory" style="padding-top: 5px;padding-bottom: 5px;"></div>
    <div style="position:relative">
        <div class="parent-tree span3">
            <div id="tree" class="open"></div>
        </div>
    <a href="javascript:void(0)" class="btn btn-primary btn-tree"><i class="booico-chevron-right"></i></a>
    <div class="parent-visualisation span9" id="files">

    </div>
</section>

<script>
$(document).ready(function($) {

    $('.btn-tree').click(function(){
        $('#tree').toggleClass('open');
        $('.parent-tree').toggleClass('span3');
        $('.parent-visualisation').toggleClass('span9');

    });

    <?php //if($id!=""){?>
        $.ajax({
            url : '<?php echo URL::base(); ?>/file/<?php echo $id;?>?name=<?php echo $name;?>&codification=<?php echo $codification;?>&id_typedocument=<?php echo $id_typedocument;?>',
            dataType : 'html', // On désire recevoir du HTML
            success : function(code_html, statut){
                $("#files").html(code_html);
            }
        });
    $.ajax({
        url : '<?php echo URL::base(); ?>/actiondirectory/<?php echo $id;?>',
        dataType : 'html', // On désire recevoir du HTML
        success : function(code_html, statut){
            $("#action_directory").html(code_html);
        }
    });
    <?php //}?>


});
$(function () {
    $(window).resize(function () {
        var h = Math.max($(window).height() - 0, 420);
        $('#container, #data, #tree, #data .content').height(h).filter('.default').css('lineHeight', h + 'px');
    }).resize();

    $('#tree')
        .jstree({
            'core' : {
                'data' : {
                    'url' : '<?php echo URL::base(); ?>/tree?operation=get_node',
                    'data' : function (node) {
                        return { 'id' : node.id.replace("\/","/") };
                    }
                },
                'check_callback' : function(o, n, p, i, m) {
                    if(m && m.dnd && m.pos !== 'i') { return false; }
                    if(o === "move_node" || o === "copy_node") {
                        if(this.get_node(n).parent === this.get_node(p).id) { return false; }
                    }
                    return true;
                },
                'force_text' : true,
                'themes' : {
                    'responsive' : false,
                    'variant' : 'small',
                    'stripes' : true
                }
            },
            'sort' : function(a, b) {
                return this.get_type(a) === this.get_type(b) ? (this.get_text(a) > this.get_text(b) ? 1 : -1) : (this.get_type(a) >= this.get_type(b) ? 1 : -1);
            },
            'contextmenu' : {
                'items' : function(node) {
                    var tmp = $.jstree.defaults.contextmenu.items();
                    delete tmp.create.action;
                    tmp.create.label = "New";
                    tmp.create.submenu = {
                        "create_folder" : {
                            "separator_after"   : true,
                            "label"             : "Folder",
                            "action"            : function (data) {
                                var inst = $.jstree.reference(data.reference),
                                    obj = inst.get_node(data.reference);
                                inst.create_node(obj, { type : "default" }, "last", function (new_node) {
                                    setTimeout(function () { inst.edit(new_node); },0);
                                });
                            }
                        },
                        "create_file" : {
                            "label"             : "File",
                            "action"            : function (data) {
                                var inst = $.jstree.reference(data.reference),
                                    obj = inst.get_node(data.reference);
                                inst.create_node(obj, { type : "file" }, "last", function (new_node) {
                                    setTimeout(function () { inst.edit(new_node); },0);
                                });
                            }
                        }
                    };

                    if(this.get_type(node) === "file") {
                        delete tmp.create;
                    }
                    return tmp;
                }
            },
            'types' : {
                'default' : { 'icon' : 'folder' },
                'file' : { 'valid_children' : [], 'icon' : 'file' }
            },
            'unique' : {
                'duplicate' : function (name, counter) {
                    return name + ' ' + counter;
                }
            },
            'plugins' : ['state','dnd','sort','types','contextmenu','unique']
        })
        /*********************************/
        .on('open_node.jstree', function (e, data) {

            $(this)[0].tagName;

        })

        /*********************************/
        .on('delete_node.jstree', function (e, data) {

            $.get('<?php echo URL::base(); ?>/tree?operation=delete_node', { 'id' : data.node.id })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('create_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=create_node', { 'type' : data.node.type, 'id' : data.node.parent, 'text' : data.node.text })
                .done(function (d) {
                    data.instance.set_id(data.node, d.id);
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('rename_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=rename_node', { 'id' : data.node.id, 'text' : data.text })
                .done(function (d) {
                    data.instance.set_id(data.node, d.id);
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('move_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=move_node', { 'id' : data.node.id, 'parent' : data.parent })
                .done(function (d) {
                    //data.instance.load_node(data.parent);
                    data.instance.refresh();
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('copy_node.jstree', function (e, data) {
            $.get('<?php echo URL::base(); ?>/tree?operation=copy_node', { 'id' : data.original.id, 'parent' : data.parent })
                .done(function (d) {
                    //data.instance.load_node(data.parent);
                    data.instance.refresh();
                })
                .fail(function () {
                    data.instance.refresh();
                });
        })
        .on('select_node.jstree', function (e, data) {


            if(typeof data.node.original != 'undefined'){
                $.get('<?php echo URL::base(); ?>/file/'+data.node.original.id_directory)
                .done(function (d) {
                    $("#files").html(d);
                    $(".jstree-anchor").children().removeClass("folderselect");
                    $("#"+data.node.a_attr.id).children().addClass("folderselect");
                })
                .fail(function () {
                    data.instance.refresh();
                });
                $.ajax({
                    url : '<?php echo URL::base(); ?>/actiondirectory/'+data.node.original.id_directory,
                    dataType : 'html', // On désire recevoir du HTML,
                    success : function(code_html, statut){
                        $("#action_directory").html(code_html);
                    }
                });

            }


        });
});
</script>