zoukankan
html css js c++ java
gridview自定义分页
gridview里虽然有自动分页的功能,但是我们其实经常感觉不是很完善,比如,他没有页面直接跳转的功能,就是输入页数,然后跳转。还有他也没有显示记录的条数。其实,这些信息有时候是非常重要的。因此我们非常有必要实现这个功能。下面,我就讲述下如何实现自定义分页的。
一、首先要将gridview设置成可以分页,然后我们在增加如下代码:
<
asp:GridView ID
=
"
GridView1
"
runat
=
"
server
"
AutoGenerateColumns
=
"
False
"
Width
=
"
98%
"
AllowPaging
=
"
True
"
OnPageIndexChanging
=
"
GridView1_PageIndexChanging
"
PageSize
=
"
20
"
>
<
Columns
>
<
asp:BoundField DataField
=
"
UserName
"
HeaderText
=
"
登陆用户名
"
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:BoundField
>
<
asp:BoundField DataField
=
"
Name
"
HeaderText
=
"
真实姓名
"
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:BoundField
>
<
asp:BoundField DataField
=
"
PostName
"
HeaderText
=
"
职位
"
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:BoundField
>
<
asp:BoundField DataField
=
"
OrgName
"
HeaderText
=
"
组织
"
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:BoundField
>
<
asp:BoundField DataField
=
"
RoleName
"
HeaderText
=
"
角色
"
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:BoundField
>
<
asp:BoundField DataField
=
"
StateStr
"
HeaderText
=
"
当前状态
"
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:BoundField
>
<
asp:TemplateField HeaderText
=
"
操作
"
>
<
ItemTemplate
>
<
asp:LinkButton ID
=
"
LinkButtonEdit
"
runat
=
"
server
"
CommandArgument
=
'
<%# Eval("UserID") %>
'
OnClick
=
"
LinkButtonEdit_Click
"
>
编辑
</
asp:LinkButton
>
&
nbsp;
<
asp:LinkButton ID
=
"
LinkButtonDelete
"
runat
=
"
server
"
CommandArgument
=
'
<%# Eval("UserID") %>
'
OnClick
=
"
LinkButtonDelete_Click
"
>
删除
</
asp:LinkButton
>
</
ItemTemplate
>
<
ItemStyle CssClass
=
"
griditem
"
/>
<
HeaderStyle CssClass
=
"
gridhead
"
/>
</
asp:TemplateField
>
</
Columns
>
<
EmptyDataTemplate
>
<
table border
=
'
0
'
cellpadding
=
'
0
'
cellspacing
=
'
0
'
style
=
'
border-right: coral 1px dotted;border-top: coral 1px dotted; border-left: coral 1px dotted; border-bottom: coral 1px dotted;background-color: #ffffff;200px;height:55px;
'
><
tr
><
td align
=
'
center
'
style
=
"
height: 53px
"
><
font color
=
'
coral
'
><
b
>
没有任何数据
<
b
></
font
></
B
></
B
></
td
></
tr
></
table
>
</
EmptyDataTemplate
>
<PagerTemplate>
<table border="0" cellpadding="0" cellspacing="0" style=" 99%; height: 15px">
<tr>
<td style=" 100px; height: 13px">
</td>
<td style=" 100px; height: 13px">
<div style=" 286px; height: 7px; font-size:12px;">
总共
<%=RecordCount%>
条记录 当前第
<%#((GridView)Container.NamingContainer).PageIndex+1%>/<%#((GridView)Container.NamingContainer).PageCount %>
页
</div>
</td>
<td style=" 100px; height: 13px">
<div style=" 252px; height: 8px; text-align: right">
<asp:LinkButton ID="FirstPage" runat="server" CommandArgument="First" CommandName="Page" Enable="<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>">第一页</asp:LinkButton>
<asp:LinkButton ID="PreviousPage" runat="server" CommandArgument="Prev" CommandName="Page" Enable="<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>">上一页</asp:LinkButton>
<asp:LinkButton ID="NextPage" runat="server" CommandArgument="Next" CommandName="Page" Enable="<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>">下一页</asp:LinkButton>
<asp:LinkButton ID="LastPage" runat="server" CommandArgument="Last" CommandName="Page" Enable="<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>">最后一页</asp:LinkButton>
<asp:TextBox ID="TextGotoPage" runat="server" CssClass="pageeditbox"></asp:TextBox>
<asp:Button ID="PageGo" causesvalidation="False" commandargument="-1" commandname="Page" runat="server" CssClass="pagebutton" Text="Go" />
</div>
</td>
<td style=" 100px; height: 13px">
<div style=" 266px; height: 1px">
</div>
</td>
</tr>
</table>
</PagerTemplate>
</
asp:GridView
>
红色的部分就是自定义的分页代码,其实LinkButton里的
CommandArgument
参数就是gridview的当前页,
CommandName
表示触发的命令,这些都不能改。
注意里面有个RecordCount的变量,他是public类型,是从后台传过来的,表示记录的条数,测试的时候别忘了这个变量啊。
二、分页的代码
protected
void
GridView1_PageIndexChanging(
object
sender, GridViewPageEventArgs e)
{
SetGridPage(sender, e,
DtSource)
}
SetGridPage的函数
/**/
///
<summary>
///
分页处理
///
</summary>
///
<param name="sender"></param>
///
<param name="e"></param>
///
<param name="dt"></param>
public
void
SetGridPage(
object
sender, GridViewPageEventArgs e,DataTable dt)
{
GridView theGrid
=
(GridView)sender;
//
refer to the GridView
int
newPageIndex
=
0
;
GridViewRow pagerRow
=
theGrid.BottomPagerRow;
//
GridViewRow pagerRow = theGrid.Controls[0].Controls[theGrid.Controls[0].Controls.Count - 1] as GridViewRow;
//
refer to PagerTemplate
//
GridView较DataGrid提供了更多的API,获取分页块可以使用BottomPagerRow 或者TopPagerRow,当然还增加了HeaderRow和FooterRow
if
(
-
2
==
e.NewPageIndex)
//
点击按钮的事件
{
TextBox txtNewPageIndex
=
null
;
if
(
null
!=
pagerRow)
{
txtNewPageIndex
=
(TextBox)pagerRow.FindControl(
"
TextGotoPage
"
);
//
refer to the TextBox with the NewPageIndex value
}
if
(
null
!=
txtNewPageIndex
&&
txtNewPageIndex .Text
!=
""
)
{
newPageIndex
=
int
.Parse(txtNewPageIndex.Text)
-
1
;
//
get the NewPageIndex
}
else
{
newPageIndex
=
0
;
}
}
else
{
//
当点击分页连接的时候
newPageIndex
=
e.NewPageIndex;
}
//
处理超出范围的分页
newPageIndex
=
newPageIndex
<
0
?
0
: newPageIndex;
newPageIndex
=
newPageIndex
>=
theGrid.PageCount
?
theGrid.PageCount
-
1
: newPageIndex;
((TextBox)pagerRow.FindControl(
"
TextGotoPage
"
)).Text
=
Convert.ToString(newPageIndex
+
1
);
//
帮定数据源
theGrid.PageIndex
=
newPageIndex;
theGrid.DataSource
=
dt;
theGrid.DataBind();
}
查看全文
相关阅读:
anaconda版本与python版本对应关系查询网址
非官方windows二进制Python拓展包
vscode每次打开文件,出现git弹窗,login i revparse showtoplevel,打印revparse:no such file or directory
Python 官方文档
转:Oracle EBS借贷关系
中文分词的简要实现
Thinkpad为什么是Thinkpad
中文分词的应用——网站热点分析
Blog工具:Zoundry blog writer and GreatNews RSS reader
SpringBoot校验请求Json参数
原文地址:https://www.cnblogs.com/ringwang/p/992062.html
最新文章
URL重定向(用数据库存取配置)
Trace跟踪日志
Android开发视频教学_读书笔记
Form验证
Android开发视频教学_第二季_读书笔记
申博成功!
C#图解—PictureBox.SizeMode 属性
C#图解—Color类
我的TFS(Team Foundation Server)安装日志
C#图解—Windows Forms数据绑定技术
热门文章
正则表达式入门(js版)
linux 常用命令
linux下mysql安装
linux下源码安装apache
php篇:随便笔记
Docker
redis数据库
ERROR: Unable to verify the graphical display setup.
Linux下安装Oracle,图形化界面乱码
新浪期货数据接口 API 实时数据/历史数据
Copyright © 2011-2022 走看看