在javascript中页面加载时的分页 [英] Pagination at page load in javascript

问题描述

亲爱的朋友们，



我使用ajax将数据库中的值绑定到表中。我在页面加载时出现分页问题。我每页给10行。当我点击分页时它执行得很好。但页面加载显示所有行。



我尝试过：

Dear Friends,

I have binded values from database to table using ajax. i have a problem in pagination at page load. i given 10 rows per page. when i click pagination it executes well. but at page load shows all the rows.

What I have tried:

<script src="Scripts/paginathing.js" type="text/javascript"></script>
<script type="text/javascript">

    jQuery(document).ready(function ($) {        
        $('.table tbody').paginathing({
            perPage: 10,
            insertAfter: '.table'
        });
       
    });
 </script>

function BindGridview() {
       $.ajax({
           type: "POST",
           contentType: "application/json; charset=utf-8",
           url: "Employee.aspx/BindGridview",
           data: "{}",
           dataType: "json",
           success: function (data) {
               var result = data.d;
               $("#tblEmployee").empty();
               for (var i = 0; i < result.length; i++) {
                   $("#tblEmployee").append('<tr><td align="center"></td><td style="display:none;">' + result[i].Id + '</td><td>' + result[i].EmployeeId + '</td><td>' + result[i].EmployeeName + '</td><td>' + result[i].DOJ + '</td><td>' + result[i].Contact + '</td><td>' + result[i].AltContact + '</td><td style="width:30px; text-align:left;"><a href="#" onclick="Edit(' + result[i].Id + ')"></a></td><td style="width:30px; text-align:left;"><a href="#" onclick=Delete(' + result[i].Id + ')></a></td></tr>');
               }
           },
           error: function (data) {
               var r = data.responseText;
               var errorMessage = r.Message;
               alert(errorMessage);
           }
       });
   }

推荐答案

）{

（'。table tbody'）。paginathing（{
perPage：10，
insertAfter：'。table'
}）;

}）;
< / script>

('.table tbody').paginathing({ perPage: 10, insertAfter: '.table' }); }); </script>

function BindGridview() {

.ajax（{
type：POST，
contentType ：application / json; charset = utf-8，
url：Employee.aspx / BindGridview，
data：{}，
dataType：json，
成功：函数（数据）{
var result = data.d;

.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Employee.aspx/BindGridview", data: "{}", dataType: "json", success: function (data) { var result = data.d;

这篇关于在javascript中页面加载时的分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！