gridview中的客户端分页 [英] client side paging in gridview

问题描述

我是asp.net和jquery的新手。我需要使用jquery为我的gridview控件实现分页。我用Google搜索并找到了解决方案。但我没有jquery逻辑。任何人都可以解释下面的脚本。

分页使用jquery的asp.net中的gridview

I am very new to asp.net and jquery. I need to implement paging to my gridview control using jquery. I googled and found the solution. but i don't the jquery logic. can any one explain me the following script.
paging in gridview in asp.net using jquery

$(document).ready(function () {
            $('#GridView1').after('<div id="nav"></div>');
            var rowsShown = 5;
            var rowsTotal = $('#GridView1 tbody tr').not(':first').length;
            var numPages = rowsTotal / rowsShown;
            for (i = 0; i < numPages; i++) {
                var pageNum = i + 1;
                $('#nav').append('<a href="#" rel="' + i + '">' + pageNum + '</a> ');
            }
            $('#GridView1 tbody tr').not(':first').hide();
            $('#GridView1 tbody tr').not(':first').slice(0, rowsShown).show();
            $('#nav a:first').addClass('active');
            $('#nav a').bind('click', function () {
 
                $('#nav a').removeClass('active');
                $(this).addClass('active');
                var currPage = $(this).attr('rel');
                var startItem = currPage * rowsShown;
                var endItem = startItem + rowsShown;
                $('#GridView1 tbody tr').not(':first').css('opacity', '0.0').hide().slice(startItem, endItem).
                        css('display', 'table-row').animate({ opacity: 1 }, 300);
            });
        });

推荐答案

（ document ）。ready （ function （）{

(document).ready(function () {

（' ＃GridView1'）。after（' < div id =nav >< / div>'）;
var rowsShown = 5 ;
var rowsTotal =

('#GridView1').after('<div id="nav"></div>'); var rowsShown = 5; var rowsTotal =

（' < span class =code-string>＃GridView1 tbody tr'）。not（' ：first' ）。长度;
var numPages = rowsTotal / rowsShown;
for （i = 0 ; i< numPages; i ++）{
var pageNum = i + 1 ;

('#GridView1 tbody tr').not(':first').length; var numPages = rowsTotal / rowsShown; for (i = 0; i < numPages; i++) { var pageNum = i + 1;

这篇关于gridview中的客户端分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！