如何为动态表格分页?

时间:2014-08-21 18:39:56

标签: javascript jquery html5

我的表是使用动态OO javascript创建的,现在我必须对行进行分页 - 类似于页面上的5行(用户): - ?此外,当有超过5个用户时,我需要显示分页编号...   这是显示表格的代码:

(function (window) {

function ListView(store) {
    var me = this;
    this.store = store;
    this.defaultTemplate = '<tr data-id = "{{id}}">' +
        '<td><button class = "edit btna" type="button"></button>' +
        '<button class = "delete btna" type="button" ></button></td>' +
        '<td class = "userCol">' + '{{username}}' + '</td>' +
        '<td class = "levelCol">' + '{{level}}' + '</td>' +
        '<td class = "regCol">' + "<img src='img/" + '{{regstatus}}' + "_registered.png'>" + '</td>' +
        '<td class = "dateCol">' + '{{regdate}}' + '</td>' +
        '</tr>';

    $(this.store).on("storeLoad", function () {
        var data = this.getUsers();
        me.show(data);
    });
}

ListView.prototype.show = function (data) {
    var i, l;
    var view = '';
    for (i = 0, l = data.length; i < l; i++) {
        var template = this.defaultTemplate;
        template = template.replace('{{id}}', data[i].id);
        template = template.replace('{{username}}', data[i].username);
        template = template.replace('{{level}}', data[i].level);
        template = template.replace('{{regstatus}}', data[i].regstatus);
        template = template.replace('{{regdate}}', data[i].regdate);
        view = view + template;
    }
    console.log(data);
    $('#userList').html(view);
};

// Export to window
window.app.ListView = ListView;
})(window);

任何想法?

0 个答案:

没有答案