在javascript中页面加载时的分页 [英] Pagination at page load in javascript
本文介绍了在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屋!
查看全文