elFinder

If I have large directory structure (abaut 7000 dirs in tree), it's really slow...

1. should be used array.join() instead of string+= here:

    this.renderNav = function(tree) {
        var d = tree.dirs.length ? traverse(tree.dirs) : '',
            li = '<li><a href="#" class="el-finder-tree-root" key="'+tree.hash+'"><div'+(d ? ' class="collapsed expanded"' : '')+'/>'+tree.name+'</a>'+d+'</li>';
        this.tree.html(li);

        this.fm.options.places && this.renderPlaces();

        function traverse(tree) {
            var i, hash, c, html = [];
            html.push('<ul style="display:none">');
            for (i=0; i < tree.length; i++) {
                c = '';
                if (!tree[i].read && !tree[i].write) {
                    c = 'noaccess';
                } else if (!tree[i].read) {
                    c = 'dropbox';
                } else if (!tree[i].write) {
                    c = 'readonly';
                } 

                html.push('<li><a href="#" class="'+c+'" key="'+tree[i].hash+'"><div'+(tree[i].dirs.length ? ' class="collapsed"' : '')+'/>'+tree[i].name+'</a>');

                if (tree[i].dirs.length) {
                    html.push(traverse(tree[i].dirs));
                }
                html.push('</li>');
            }
            html.push('</ul>');
            return html.join('');
        }
    }

and here:

    this.renderCwd = function() {
        this.cwd.empty();

        var num  = 0, size = 0, html = [];
        for (var hash in this.fm.cdc) {
            num++;
            size += this.fm.cdc[hash].size;
            html.push(this.fm.options.view == 'icons'
                ? this.renderIcon(this.fm.cdc[hash])
                : this.renderRow(this.fm.cdc[hash], num%2));
        }
        if (this.fm.options.view == 'icons') {
            this.cwd.append(html.join(''));
        } else {
            this.cwd.append('<table><tr><th colspan="2">'+this.fm.i18n('Name')+'</th><th>'+this.fm.i18n('Permissions')+'</th><th>'+this.fm.i18n('Modified')+'</th><th class="size">'+this.fm.i18n('Size')+'</th><th>'+this.fm.i18n('Kind')+'</th></tr>'+html.join('')+'</table>');
        }

        this.pth.text(fm.cwd.rel);
        this.nfo.text(fm.i18n('items')+': '+num+', '+this.formatSize(size));
        this.sel.empty();
    }

but it's still slow, it's problem with draggable that binds to each item, we are trying to use draggable as live() - only for selected items