AspNetPage分页控件的应用实现教程
作者：袖梨
2022-06-25
告白没有永恒的成功。 一、绑定办法
private void DataBindDataTable（string whereCondition） { //whereCondition是查询的前提
IList
AspNetPager1.RecordCount = list.Count;//设置总条数
| 代码如下 | 复制代码 |
人生最苦痛的是梦醒了无路可走。做梦的人是幸福的；倘没有看出可走的路，最要紧的是不要去惊醒他。
| 代码如下 | 复制代码 |
| PagedDataSource pds = new PagedDataSource（）; pds.DataSource = list; pds.AllowPaging = true; pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;//当前页的索引 pds.PageSize = AspNetPager1.PageSize;//每页显示的记录数 GridView1.DataSource = pds; GridView1.DataBind（）; } |
|
二、页面初次加载
| 代码如下 | 复制代码 |
| if（!IsPostBack）{ ViewState["vkey"]=" 1=1 ";//查询前提的关键字 DataBindDataTable（ViewState["vkey"].ToString（））; } |
|
三、AspNetPage事务
| 代码如下 | 复制代码 |
| protected void AspNetPager1_PageChanged（object sender， EventArgs e） { DataBindDataTable（ViewState["vkey"].ToString（））; } |
|
四、搜刮按钮单击事务
| 代码如下 | 复制代码 |
| protected void btnAllSearch_Click（object sender， EventArgs e） { AspNetPager1.CurrentPageIndex = 1; ViewState["vkey"] = " 1=1 "; DataBindDataTable（ViewState["vkey"].ToString（））; } |
|
网易风格：
| 代码如下 | 复制代码 |
/*网易风格*/
| 代码如下 | 复制代码 |
| .anpager .cpb {background:＃1F3A87 none repeat scroll 0 0;border:1px solid ＃CCCCCC;color:＃FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;} .anpager a {background:＃FFFFFF none repeat scroll 0 0;border:1px solid ＃CCCCCC;color:＃1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none} .anpager a:hover{background:＃1F3A87 none repeat scroll 0 0;border:1px solid ＃1F3A87;color:＃FFFFFF;} |
|
拍拍网风格：
| 代码如下 | 复制代码 |
| |
|
/*拍拍网风格*/
| 代码如下 | 复制代码 |
| .paginator { font: 11px Arial， Helvetica， sans-serif;padding:10px 20px 10px 0; margin: 0px;} .paginator a {padding: 1px 6px; border: solid 1px ＃ddd; background: ＃fff; text-decoration: none;margin-right:2px} .paginator a:visited {padding: 1px 6px; border: solid 1px ＃ddd; background: ＃fff; text-decoration: none;} .paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none} .paginator a:hover {color: ＃fff; background: ＃ffa501;border-color:＃ffa501;text-decoration: none;} |
|
迅雷风格：
| 代码如下 | 复制代码 |
| |
|
/*迅雷风格*/
| 代码如下 | 复制代码 |
| .pages { color: ＃999 } .pages a， .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid ＃ddd;background: ＃ffff;margin:0 2px; font-size:11px; color:＃000;} .pages a:hover { background-color: ＃E61636; color:＃fff;border:1px solid ＃E61636; text-decoration:none;} .pages .cpb { font-weight: bold; color: ＃fff; background: ＃E61636; border:1px solid ＃E61636;} .code{font-weight:bold;color:blue} |
|
