Jquery File Tree - how to return folder name on folder click

后端 未结 2 1175
孤独总比滥情好
孤独总比滥情好 2021-01-06 09:30

I have installed and trying to customize Jquery File Tree so that, on click of folder name, the folder name and path are returned to the calling function. Currently it only

相关标签:
2条回答
  • 2021-01-06 09:56

    It worked pretty well, I just changed the last function to "dire", like it was it the code between line 65 and 66

            ... function(dire){
    // do something when a dir is clicked
    }
    
    0 讨论(0)
  • 2021-01-06 10:04

    Not sure if there is an "API" way to do it. But if you look at the source code (Line 64-81)

    if( $(this).parent().hasClass('directory') ) {
        if( $(this).parent().hasClass('collapsed') ) {
            // Expand
            if( !o.multiFolder ) {
                $(this).parent().parent().find('UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
                $(this).parent().parent().find('LI.directory').removeClass('expanded').addClass('collapsed');
            }
            $(this).parent().find('UL').remove(); // cleanup
            showTree( $(this).parent(), escape($(this).attr('rel').match( /.*\// )) );
            $(this).parent().removeClass('collapsed').addClass('expanded');
        } else {
            // Collapse
            $(this).parent().find('UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
            $(this).parent().removeClass('expanded').addClass('collapsed');
        }
    } else {
        h($(this).attr('rel'));
    }
    

    Looks like you can call another function inside the hasClass('directory') if clause and it will work.

    So you could:

    Change Line 36 to be

    fileTree: function(o, h, dire) {
    

    Between 65 and 66 add

    dire($(this).attr('rel'));
    

    If you want to have more control/flexibility/information, you can do dire($(this)); , and it will send the jQuery object instead of just the rel attribute.

    Example:

    $(document).ready( function() {
        $('#container_id').fileTree({ root: '/some/folder/' }, function(file) {
            // do something when a file is clicked
        }, function(dir){
            // do something when a dir is clicked
        });
    });
    

    I have not tested it, you might need to change a couple of things around.

    0 讨论(0)
提交回复
热议问题