asp.net 使用pagination 数据分页

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;
        }




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

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值