服务器之家

服务器之家 > 正文

一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

时间:2019-09-11 10:38     来源/作者:脚本之家

这是我写的一个分页控件,功能如下:

1.支持设计时支持和两种分页模式,其中综合分页模式的效果如下:

一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

普通分页模式的效果如下:

一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

2.完善的设计时支持,包括自动套用格式和设计时面板设置:

一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

 

一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

使用方法:

在aspx页面中:

复制代码代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Cyclone.CustomPager.WebApplication._Default" %> 
<%@ Register assembly="Cyclone.CustomPager.Pager" namespace="Cyclone.CustomPager.Pager" tagprefix="Cyclone" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title></title> 
<link type="text/css" rel="stylesheet" href="style/comm.css" /> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
   
<asp:GridView ID="GridView1" runat="server" AllowPaging="false" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" PagerSettings-Visible="false" 
Width="80%" height="35" DataKeyNames="ID"> 
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 
<RowStyle BackColor="#EFF3FB" /> 
<EditRowStyle BackColor="#2461BF" /> 
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> 
<PagerStyle ForeColor="White" VerticalAlign="Top" BackColor="Transparent" /> 
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> 
<AlternatingRowStyle BackColor="White" /> 
<Columns> 
<asp:TemplateField HeaderText="序号"> 
<ItemTemplate> 
<%# Container.DataItemIndex+1 %> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="ID" HeaderText="用户ID" /> 
<asp:BoundField DataField="UserName" HeaderText="用户名" /> 
<asp:BoundField DataField="Email" HeaderText="Email" /> 
<asp:BoundField DataField="Address" HeaderText="地址" /> 
</Columns> 
</asp:GridView> 
</div> 
<div> 
<Cyclone:AspNetPager ID="AspNetPager1" runat="server" ButtonText="GO" EndPageText="末页" 
FirstPageText="首页" NextPageText="下一页" PageSize="15" PrePageText="上一页" OnPageChanged="Page_Changed" Width="80%" PageMode=Normal BackColor="#FFE0C0" BorderColor="#FFC0C0" BorderStyle="Solid" BorderWidth="1px" ForeColor="#804040"> 
<ButtonStyle CssClass="btn1_mouseout" Width="30px" /> 
<TextBoxStyle Width="30px" CssClass="blue_rounded"/> 
<LabelStyle ForeColor="Red" Font-Bold="True" /> 
</Cyclone:AspNetPager> 
   
</div> 
</form> 
</body> 
</html> 


在后台代码中: 

复制代码代码如下:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Data; 
namespace Cyclone.CustomPager.WebApplication 

public partial class _Default : System.Web.UI.Page 

private List<User> _data=new List<User>(); 
protected override void OnInit(EventArgs e) 

base.OnInit(e); 
this.GetData(); 

protected void Page_Load(object sender, EventArgs e) 

if (!Page.IsPostBack) 

BindData(); 
this.AspNetPager1.PageIndex = 1; 


private void GetData() 

for (int i = 0; i < 1000; i++) 

this._data.Add(new User { ID = i + 1, Address = "北京市海淀区", Email = "mickjacksonfeng@163.com", UserName = "凭海观澜" }); 


protected void Page_Changed(object sender, EventArgs e) 

BindData(); 

#region 绑定试卷定义方案列表 
/// <summary> 
/// 根据当前页码查询需要的数据 
/// </summary> 
/// <param name="pageIndex">页码</param> 
private void BindData() 

this.AspNetPager1.RecordCount = this._data.Count; 
List<User> users = this._data.Skip(this.AspNetPager1.PageSize*(this.AspNetPager1.PageIndex-1)).Take(this.AspNetPager1.PageSize).ToList(); 
GridView1.DataSource = users; 
GridView1.DataBind(); 

#endregion 

public class User 

public int ID { get; set; } 
public string UserName { get; set; } 
public string Email { get; set; } 
public string Address { get; set; } 


另外: 

本分页控件还包含简单属性,复杂属性,自定义视图状态,分页事件,创建控件,render控件,Attribute,设计时支持等比较齐全的自定义控件的元素,是个不错学习自定义控件开发的例子,详细代码可以到下面进行下载: 服务器之家下载地址

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-07-24
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍
叠猫猫队长可以退出吗 叠猫猫队长怎么换队伍 2019-06-05
返回顶部