asp.net 使用pagination 数据分页

最新推荐文章于 2022-11-24 16:31:11 发布
最新推荐文章于 2022-11-24 16:31:11 发布
阅读量1k 收藏 1
点赞数
分类专栏： C# ASP.NET 文章标签： ASP.NET数据分页 pagination插件数据分页 ASP.NET C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pmh2012520/article/details/9313433
版权

asp.net 使用pagination 数据分页,

首先引用pagination.js及样式   贴出代码...新手上路.

<link href="../css/pagination.css" rel="stylesheet" type="text/css" />
    <script src="../script/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../script/pagination.js" type="text/javascript"></script>

读取数据前,配置每次读取的记录条数及当前的页面, 设置加载数据的一般处理程序   代码如下：

<script type="text/javascript">
     var pageIndex = 0;     //页面索引初始值   
         var pageSize = 5;     //每页显示条数初始化，修改显示条数，修改这里即可   
         $(function () {
              InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）
                //分页，PageCount是总条目数，这是必选参数，其它参数都是可选
                $("#Pagination").pagination(12, {
                    callback: PageCallback,  //PageCallback() 为翻页调用次函数。
                       prev_text: "« 上一页",
                    next_text: "下一页 »",
                    items_per_page:pageSize,
                    num_edge_entries: 2,       //两侧首尾分页条目数
                       num_display_entries: 6,    //连续分页主体部分分页条目数
                       current_page: pageIndex,   //当前页索引
                });
                //翻页调用   
                function PageCallback(index, jq) {             
                    InitTable(index);  
                }  
                //请求数据   
                function InitTable(pageIndex) { 
                var url="../Hand/Handler1.ashx";           
                    $.ajax({   
                        type: "POST", 
                        url: url,      //提交到一般处理程序请求数据   
                        data: "pageIndex=" + (pageIndex+1) + "&pageSize=" + pageSize,          //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)                  		 success: function(data) {
                            $("#Result tr:gt(0)").remove();        //移除Id为Result的表格里的行，从第二行开始（这里根据页面布局不同页变）   
                            $("#Result").append(data);             //将返回的数据追加到表格   
                        }  
                    }); 
                }
            }); 
    </script>













页面代码如下：



<body>
        <table id="Result" cellspacing="0" cellpadding="0" class="table">            
                <tr>  
                    <th>ID</th>
                    <th>Name</th>
                    <th>Sex</th>
                    <th>Phone</th>
                    <th>Address</th>
                </tr>                                                                                               
        </table>  
        <!--固定vid-->
      <div id="Pagination" class="pagination" style="bottom:620px;"><!-- 这里显示分页 --></div>
</body>






这里没给数据库 ,一般处理程序代码如下：





public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //具体的页面数 
            int pageIndex;
            int pageSize;
            //获取当前的页面及记录条数
            int.TryParse(context.Request["pageIndex"], out pageIndex);
            int.TryParse(context.Request["pageSize"], out pageSize);
            if (pageIndex == 0)
            {
                pageIndex = 1;
            }
            DataTable dt = GetPagedTable(GetDataTable(), pageIndex, pageSize);

            StringBuilder sb = new StringBuilder();
            if (dt.Rows.Count > 0)
            {
                foreach (DataRow item in dt.Rows)
                {
                    sb.Append("<tr><td>" + item["ID"] + "</td><td>" + item["Name"] + "</td><td>" + item["Sex"] + "</td><td>" +
                        item["Phone"] + "</td><td>" + item["Address"] + "</td></tr>");
                }
            }
            context.Response.Write(sb.ToString());
        }
	/// <summary>
        /// DataTable分页
        /// </summary>
        /// <param name="dt">DataTable</param>
        /// <param name="PageIndex">页索引,注意：从1开始</param>
        /// <param name="PageSize">每页大小</param>
        /// <returns>分好页的DataTable数据</returns
        public static DataTable GetPagedTable(DataTable dt, int PageIndex, int PageSize)
        {

            if (PageIndex == 0) { return dt; }
            DataTable newdt = dt.Copy();
            newdt.Clear();
            int rowbegin = (PageIndex - 1) * PageSize;
            int rowend = PageIndex * PageSize;

            if (rowbegin >= dt.Rows.Count)
            {
                return newdt;
            }
            if (rowend > dt.Rows.Count)
            {
                rowend = dt.Rows.Count;
            }
            for (int i = rowbegin; i <= rowend - 1; i++)
            {
                DataRow newdr = newdt.NewRow();
                DataRow dr = dt.Rows[i];
                foreach (DataColumn column in dt.Columns)
                {
                    newdr[column.ColumnName] = dr[column.ColumnName];
                }
                newdt.Rows.Add(newdr);
            }
            return newdt;
        }

        /// <summary>
        /// 获取当前页的数据
        /// </summary>
        /// <param name="PageIndex">索引</param>
        /// <param name="PageSize">页面索引</param>
        /// <returns></returns>
        public  List<User> GetPagedList(int PageIndex, int PageSize) 
        {
            List<User> list = GetList();
            IQueryable<User> query=list.AsQueryable();
            return query.Take(PageIndex * PageSize).ToList();           
        }


	/// <summary>
        /// 手动创建Table
        /// </summary>
        /// <returns></returns>
        public DataTable GetDataTable()
        {
            string[] str = { "ID", "Name", "Sex", "Phone", "Address" };
            DataTable dt = new DataTable();
            Array.ForEach(str, c => dt.Columns.Add(c));

            List<User> uList = GetList();
            foreach (var item in uList)
            {
                dt.Rows.Add(item.ID, item.Name, item.Sex, item.Phone, item.Address);
            }
            return dt;
        }
	/// <summary>
        /// 获取数据集
        /// </summary>
        /// <returns></returns>
        public List<User> GetList() 
        {
         	 List<User> uList = new List<User> {
                new User{ ID="1001", Name=Guid.NewGuid().ToString(), Sex="男", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1002", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1003", Name=Guid.NewGuid().ToString(), Sex="男", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1004", Name=Guid.NewGuid().ToString(), Sex="男", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1005", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1006", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1007", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1008", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="1009", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="10010", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="10011", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
                new User{ ID="10012", Name=Guid.NewGuid().ToString(), Sex="女", Phone="15810000000", Address="湖北省武汉市"},
            };
            return uList;
        }













                

        

        

    




    

      

        

            

              
                
                  pmh2012520
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Pagination 组件 【分页器】

				
			

			

				

					yuroll的博客
				

				

					06-02
					
					363
					
				

			

		

		

			
				
一、创建组件，在components下创建（公用组件）三、父组件中，vc 实例化 并传值。二、在main.js中全局注册。分页器已知前提(4个条件/

			
		

	



                

              
                



	

		

			

				
					
ASP - 三种常用分页

				
			

			

				

					qq_19250999的博客
				

				

					07-19
					
					422
					
				

			

		

		

			
				
前段时间一直被公司后台数据翻页卡顿的问题困扰，因为数据量比较大，使用的是Adodb的Recordset对象进行数据遍历。
当时猜测是由于Recordset每次都读取了所有数据，并且每次翻页都刷新了页面，没有利用Recordset的缓存优势进行翻页，所以导致数据加载非常慢。
解决办法：
1. Recordset + JS无刷新翻页
使用Recordset方式，由于是因为Recordset的缓存没有得...

			
		

	



                


  
              

                


	

		

			

				
					
三层架构+ajax分页实例,ASP.NET存储过程实现分页效果(三层架构)

				
			

			

				

					weixin_35907460的博客
				

				

					08-06
					
					256
					
				

			

		

		

			
				
本文实例为大家分享了ASP.NET存储过程实现分页的具体代码，供大家参考，具体内容如下实现效果：文本框内输入跳转的页数，点击GO会跳转到该页首先在项目下加入BLL,DAL,DataAccess,MODEL类库1、前台界面$(function () {$('#txtPageindex').focus(function () {$(this).val("");})})DataFormatString=...

			
		

	





	

		

			

				
					
JQuery Pagination AJax 分页实例 For ASP.NET(JQuery+ashx+ADO.NET 实体数据模型)

				
			

			

				

					marroow的专栏
				

				

					01-20
					
					1286
					
				

			

		

		

			
				
刚写了一段Jquery Pagination AJax 分页实例 For ASP，其实分页的服务端用asp.net也很简单，一鼓作气，把asp.net也写了。
   简单起见，数据库操作用ADO.NET 实体数据模型，直接用ashx操作实体模型，中间没有采用model层。
   Index.html文件内容仅修改了Ajax的文件链接，没有太大变化：
http://www.w3.org/TR/

			
		

	



		

			
		



	

		

			

				
					
Asp.Net无刷新分页（ jquery.pagination.js）

				
			

			

				

					12-17
				

			

		

		

			
				
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果
页面内容：




    Porschev----无刷新翻页   
    
       
      
    
    
    
   
    var pageIndex =0;     //页面索引初始值
var pageSize =10;     //每页显示条数初始化，修改显示条数，修改这里即可
  
  
    $(function() {      
        InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）
                                                            
        //分页，PageCount是总条目数，这是必选参数，其它参数都是可选
        $("#Pagination").pagination(, {
            callback: PageCallback,
            prev_text: '上一页',       //上一页按钮里text
            next_text: '下一页',       //下一页按钮里text
            items_per_page: pageSize,  //显示条数
            num_display_entries: 6,    //连续分页主体部分分页条目数
            current_page: pageIndex,   //当前页索引
            num_edge_entries: 2//两侧首尾分页条目数
        });
           
        //翻页调用
        function PageCallback(index, jq) {          
            InitTable(index);
        }
        //请求数据
        function InitTable(pageIndex) {                               
            $.ajax({
                type: "POST",
                dataType: "text",
                url: 'Handler/PagerHandler.ashx',      //提交到一般处理程序请求数据
                data: "pageIndex="+ (pageIndex +1) +"&pageSize="+ pageSize,          //提交两个参数：pageIndex(页面索引)，pageSize(显示条数)               
                success: function(data) {                                
                    $("#Result tr:gt(0)").remove();        //移除Id为Result的表格里的行，从第二行开始（这里根据页面布局不同页变）
                    $("#Result").append(data);             //将返回的数据追加到表格
                }
            });            
        }
       
    });
    




  Posrchev----无刷新分页

 
            
            
                编号
                名称               
                                                                                                           
   
    




			
		

	





	

		

			

				
					
基于后台的bootstrap分页控件pagination在asp.net mvc的使用

				
			

			

				

					08-21
				

			

		

		

			
				
总的来说，使用Bootstrap Pagination控件在ASP.NET MVC中实现分页功能，可以结合后台的C#代码处理数据逻辑，前端的jQuery进行交互，以及AJAX实现无刷新的数据获取，从而构建出高性能、易用的Web应用。记住，优化用户...

			
		

	





	

		

			

				
					
ASP.NET Pagination插件数据分页

				
			

			

				

					07-12
				

			

		

		

			
				
ASP.NET Pagination插件数据分页是ASP.NET Web应用程序中一种常用的技术，用于处理大量数据时提高页面性能和用户体验。在Web开发中，当数据库查询返回的数据量过大时，一次性加载所有数据可能导致页面加载速度变慢，...

			
		

	





	

		

			

				
					
使用Jquery.Pagination.js+ASP.NET实现无刷新分页

				
			

			

				

					03-14
				

			

		

		

			
				
此源码使用了Jquery.Pagination.js+Jquery.Ajax+Asp.net技术实现了无刷新分页的效果。其中用到的Asp.net知识有Linq to sql和ashx技术。分页插件可以自定义样式，自定义的样式在pagenumstyle.css文件中。项目使用vs...

			
		

	





	

		

			

				
					
asp.net利用存储过程分页代码

				
			

			

				

					04-19
				

			

		

		

			
				
在ASP.NET开发中，高效的数据检索和展示是一个关键任务，特别是在处理大量数据时。分页是一种常见的优化策略，可以提高用户体验并减轻服务器负担。本文将详细介绍如何利用存储过程实现ASP.NET中的分页功能。  首先，...

			
		

	





	

		

			

				
					
asp.net jquery无刷新分页插件(jquery.pagination.js)

				
			

			

				

					10-27
				

			

		

		

			
				
ASP.NET与jQuery无刷新分页插件：jQuery.pagination.js详解  在现代网页开发中，提供无刷新用户体验已经成为标准。在ASP.NET中，结合jQuery库，我们可以实现高效的无刷新分页功能，提高用户交互性。本篇文章主要讲解...

			
		

	





	

		

			

				
					
c# 多种方式进行分页

				
			

			

				

					11-25
				

			

		

		

			
				
该代码是一个简单的demo代码，提供了基于gridview控件的分页和基于aspnetpager的分页方式，适合初学者学习用。

			
		

	





	

		

			

				
					
C#分页控件，简单好用

				
			

			

				

					09-26
				

			

		

		

			
				
C# winform分页控件，不绑定数据，简单好用。介绍看这里：
https://blog.csdn.net/lixiaoxing2/article/details/108807519

			
		

	





	

		

			

				
					
pagination-.net:这是一个简单的 WebUserControl，可为您提供数据分页

				
			

			

				

					06-25
				

			

		

		

			
				
分页.NET
 这是一个简单的 WebUserControl，可为您提供数据的分页。
 如何使用：
 1°首先将web.config内容复制到你的web.config文件中： 
< configuration>
  < system>
    < pages xss=removed>
      < controls>
        < add xss=removed xss=removed xss=removed>
      </ controls>
    </ pages>
  </ system>
</ configuration>
 2° 创建一个名为something.aspx的新 Web 表

			
		

	





	

		

			

				
					
Element-UI踩坑之Pagination组件的使用

				
			

			

				

					12-10
				

			

		

		

			
				
先说结论：在改变pageSize时，若当前的currentPage超过了最大有效值，就会修改为最大有效值。
一般Pagination组件的声明如下：

<el-pagination
 @size-change="handleSizeChange"
 @current-change="handleCurrentChange"
 :page-size="pageSize"
 :current-page="currentPage"
 :total="total"
 :page-sizes="[10, 20, 50, 100, 200, 300, 400]"
 layout="total, sizes

			
		

	





	

		

			

				
					
ASP.NET MVC+bootstrap paginator分页

				
			

			

				

					遛狗的代码的博客
				

				

					02-12
					
					4067
					
				

			

		

		

			
				
之前做过一个bootstrap table的分页的项目，但是今天自己打算写着一个网站来玩儿，但是遇到的问题就是不能用table分页但是最好Ajax分页，经过查阅网上的资料，本人得出了解决方案，马上上代码


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Sy

			
		

	





	

		

			

				
					
ASP.NET 一个非常简单实用的分页方法

					
热门推荐

				
			

			

				

					落花流水
				

				

					06-01
					
					1万+
					
				

			

		

		

			
				
数据展示用Repeater，分页的话用js切换当前的页码，后台根据当前页码获取数据绑定到Repeater

			
		

	





	

		

			

				
					
4.c#自定义控件之分页器PaginationControl

				
			

			

				

					adsd1233123的博客
				

				

					11-24
					
					583
					
				

			

		

		

			
				
当前页面变化时候触发paginationControl1_CurrentPageChanged。每页数量发送变化是触发paginationControl1_PageSizeChanged。PageSizes	--下拉框哪里，可以更改每页数据条数类型如10条每页，20条每页。PageSize	--每页数据条数。PagerCount	—按键数量。Total	总数据数量。

			
		

	





	

		

			

				
					
PageDataSource实现aspx中的分页功能

				
			

			

				

					weixin_33841503的博客
				

				

					10-24
					
					250
					
				

			

		

		

			
				
.Net 所使用的 ADO.Net较前身ADO在性能上有较大的提升，但是操作起来也较为繁琐，在 Asp 时代，对数据进行分页使用 RecordSet 的 PageSize 和 AbsolutePage 即可完成对数据的分页操作，非常简单，进入 .Net 后，RecordSet 对象没有了，取而代之的是 DataSet/DataTable，没有了 PageSize/AbsolutePage，分页成了...

			
		

	





	

		

			

				
					
linq中使用pagination分页

					
最新发布

				
			

			

				

					04-07
				

			

		

		

			
				
在LINQ中使用Pagination分页，可以使用Skip和Take方法。Skip方法用于跳过指定数量的元素，Take方法用于获取指定数量的元素。结合起来可以实现分页操作。

例如，假设有一个名为students的数据集合，要实现每页显示10条记录的分页功能，可以使用以下代码：

```
int pageNumber = 2; //要获取第2页的数据
int pageSize = 10; //每页显示10条记录
var pageData = students.Skip((pageNumber - 1) * pageSize).Take(pageSize);
```

这段代码中，Skip方法跳过了前10条记录（即第一页的数据），Take方法获取了接下来的10条记录（即第二页的数据）。pageData变量中存储了获取到的分页数据。

可以根据需要调整pageNumber和pageSize的值，以获取不同页数和不同每页记录数的数据。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值