Блог

Я ищу решение для обработки такой разбивки на страницы. Все данные отображаются динамически из api. Отображается только 10 элементов на странице.

мой код для генерации разбивки на страницы

 pagination: function(total){
    var totalPagination = Math.ceil(total/data_limit);
    var pageNumber = '';

    for(var i=0; i<totalPagination; i  ){
        pageNumber  = '<li class="active_' i '"><a href="javascript:void(0)" onclick="app.openpage(' i ')">'  (i 1)  '</a></li>'
    }

    $(pageNumber).insertAfter("#prevCustomerCal_div");
    $("#totalpagenumber").html(total);
    $(".pager li.active_0").addClass("active");
},
  

HTML

 <ul class="pager">
  <li id="prevCustomerCal_div" class="previous"><a href="javascript:void(0)" id="prevCustomerCal">Previous</a></li>
  <li class="next"><a href="javascript:void(0)" id="nextCustomerCal">Next</a></li>
</ul>
  

Я не хочу показывать так много номеров страниц сразу, но показываю несколько из них, а остальные должны быть скрыты. Несколько номеров страниц перед номером активной страницы и несколько номеров страниц после активной страницы в видимом состоянии будут работать.

У меня также может быть поле ввода для ввода номера страницы, но я могу управлять этими огромными номерами страниц.

Существует активный класс для активной страницы.