Coder Social home page Coder Social logo

Comments (2)

alekam avatar alekam commented on September 17, 2024

I have a big tree too. See changes in my fork at https://github.com/alekam/jquery-treetable

Usage example:

$(document).ready(function(){
    $('#tree').treeTable({'indent': 24, 'fix_expander_ident': false, 'onExpand': function(node){
        if (!node || !node.hasClass('parent'))
            return;
        var id = node.attr('id');
        if (id && node.hasClass('lazyLoad')) {
            node.removeClass('lazyLoad');
            node.addClass('loading');

            $.getJSON("/url/to/get/tree/data/", {
                    'id': id
            }, function (data) {
                var node = $('#'+data.id);
                if (data.items){
                    for (key in data.items) {
                        item = data.items[key];
                        var id = 'node-'+ data.parent +'-'+ item.id;
                        var attrs = 'id="' + id + '"';
                        var row = '<tr '+attrs+'><td class="node" style="padding-left: 48px">'
                                +'<span class="title"><input type="checkbox" name="node" value="'+item.id+'">'
                                + item.title
                                +'</span></td><td class="number">'+ item.value + '</td></tr>';
                        var $row = $(row);
                        if (item.has_related)
                            $row.addClass('parent').addClass('lazyLoad');
                        $row.appendBranchTo(node);
                    }
                }
                node.removeClass('loading');
            });
        }
    }});
});

from jquery-treetable.

ansgar avatar ansgar commented on September 17, 2024

Thank you, it seems that this is what I was looking for. I'll try that.

from jquery-treetable.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.