How to create a javascript pagination for json array?

Question

I would like to know how can i paginate a json array by using javascript? Here is the json array which i need to paginate. this is a small array but i have to paginate a big array which hold 2000 records.

    {"Type":[["TF_OTHER","Other"],["TF_TRIP","Trip"],["TF_LUNCH","Lunch"]]}

How are you displaying the data? If you are displaying as a table, jQuery Datatables is a great plugin for this: datatables.net — John Farrelly
– John Farrelly, Commented Dec 24, 2012 at 10:01

coderLMN · Accepted Answer · 2012-12-24 10:23:55Z

1

You can try something like this: (I didn't test it though)

<script>

var arr
function onLoad(jsonArr) {
    arr = eval(jsonArr);
}

function paginate(offset, max)
{
    var demo = document.getElementById('demo');
    for(var n=0; n<demo.childNodes.length; n++){
        demo.removeChild(demo.childNodes[0]);
    }

    for(var i=0; i<max; i++){
        var ele=document.createTextNode(arr[i+offset]);
        demo.appendChild(ele);
    }

    var next = document.getElementById('next');
    next.setAttribute("onclick","paginate("+(offset+max)+","+max+")");
    var pre = document.getElementById('pre');
    pre.setAttribute("onclick","paginate("+(offset-max)+","+max+")");
}

</script>

answered Dec 24, 2012 at 10:23

coderLMN

3,0861 gold badge23 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create a javascript pagination for json array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related