Node JS Pagination using in Mean Stack ( Node js mongodb pagination )

Nodejs Pagination

Ejs file[Html page] :

Node js mongodb pagination

     <% if (pageCount > 1) { %>

      <ul class="pagination">

<% if (currentPage > 1) { %>

                                <li><a href="/userdetails?page=1">&laquo;</a></li>

                <% } %>

                <% var i = 1;

                if (currentPage > 5) {

                                i = +currentPage - 4;

                } %>

                <% if (i !== 1) { %>

                                <li class="disabled"><a href="#">...</a></li>

                <% } %>

<% for (var j = i; j<=pageCount; j++) { %>

                <% if (currentPage == j) { %>

                                <li class="active"><span><%= j %> <span class="sr-only">(current)</span></span></li>

                <% } else { %>

                                <li><a href="/userdetails?page=<%= j %>"><%= j %></a></li>

                <% } %>

                <% if (j == (+currentPage + 4)) { %>

                                <li class="disabled"><a href="#">...</a></li>

                <% break; } %>

                <% } %>

<% if (currentPage != pageCount) { %>

                                <li><a href="/userdetails?page=<%= pageCount %>">&raquo;</a></li>

                <% } %>

   </ul>  <% } %>

    Routes.js :

         

               var totalRec = 0,

                pageSize  = 5,

                pageCount = 0;

                var currentPage = 1;

                app.get('/userdetails',  function (req, res) {

                                Register.find({}).exec(function(err, Register) {

                                   if (err) throw err;

                                                totalRec      = Register.length;

                                                pageCount     =  Math.ceil(totalRec /  pageSize);

                                                if (typeof req.query.page !== 'undefined') {

                                                                currentPage = req.query.page;

                                                }

                                                var start = 0;

                                                if(currentPage >1){

                                                                start = (currentPage - 1) * pageSize;

                                                }

                                                var data = [];

                                                for(var i=start;i<start+pageSize;i++) {

                                                                if(i < totalRec){

                                                                                data.push(Register[i]);

                                                                } else {

                                                                                break;

                                                                }

                                                }

                            res.render('userdetails.ejs', { "Register": Register, data:data, pageSize: pageSize, pageCount: pageCount,currentPage: currentPage});

                                   });            

                    });

      

Author : tech

Share this

Related Posts