分页GridView分页系列(精装版)

gridview分页  时间:2021-02-11  阅读:()

GridView分页系列精装版

1 GridView自带分页 GridView自带的分页是假分页他每次从数据库把数据全部查询出之后通过分页的算法进行按每页数量进行分页。

分页的属性元素分页功能的实现就是通过对这些属性元素的操作实现的。

//this.GvShow.PageIndex当前页的索引

//this.GvShow.PageCount总共的页数

//this.GvShow.Rows.Count当前页签内的gridview的行数

//this.GvShow.PageSize每页的记录数

//this.GvShow.PageIndex*this.GvShow.rows.count + 1 行索引

设置普通的 GridView分页 属性AllowPaging="True" 、 PageSize="2"设置分页事件onpageindexchanging="GvShow_PageIndexChanging"

后台方法绑定protected void GvShow_PageIndexChanging(object sender, GridViewPageEventArgs e)

{this.GvShow.PageIndex = e.NewPageIndex;

BindView() ;

}

2 自定义样式的GridView自带分页

普通的GridView自带的分页不带样式只是普通的1,2,3等如果希望获取到具有其他分页样式就应该设置<PagerSettings Position="TopAndBottom" PageButtonCount="1" />属性<%--FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PreviousPageText="上一页"--%>

后台访问此属性的实例this.GvShow.PagerSettings.FirstPageText = "首页";this.GvShow.PagerSettings.LastPageText = "尾页";this.GvShow.PagerSettings.NextPageText = "下一页";this.GvShow.PagerSettings.PreviousPageText = "上一页";this.GvShow.PagerSettings.Mode = PagerButtons.NextPreviousFirstLast;

通过<PagerStyle HorizontalAlign="Center" VerticalAlign="Middle" />属性可以设置GRIDVIEW分页的样式

3在<PagerTemplate></PagerTemplate>分页模板中自定义分页的样式虽然微软开辟了这个模板提供给用户类似于自定义分页的功能但这个功能完全还是基于微软的GridView自带的分页进行的 <PagerSettings>属性的Visable的属性必须是true AllowPaging="true"与PageSize="3"属性页都要进行相关的有效设置才可以。 这种情况下的分页可以不使用onpageindexchanging="GvShow_PageIndexChanging"微软自带的分页事件开发自己独立的分页事件与方法即可

范例

前台代码

<asp:GridView id="GvShow" runat="server" Width="910px" BorderColor="#687BC4"

BorderWidth="1px" PageSize="3"

CellPadding="1" HorizontalAlign="Center" BorderStyle="None"

AllowPaging="true"

AutoGenerateColumns="False" onpageindexchanging="GvShow_PageIndexChanging"onrowdatabound="GvShow_RowDataBound" Height="132px"onrowcommand="GvShow_RowCommand">

<SelectedRowStyle ForeColor="#FFFF99"

BackColor="#FFFF99"></SelectedRowStyle>

<AlternatingRowStyle BackColor="#EEF2F1"></AlternatingRowStyle>

<RowStyle BackColor="White" Height="24" ></RowStyle>

<HeaderStyle Wrap="False" HorizontalAlign="Center" Height="24px"ForeColor="Black" VerticalAlign="Middle"

BackColor="#BFD5FA"></HeaderStyle>

<%--<PagerSettings Position="TopAndBottom" />--%>

<%--FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PreviousPageText="上一页"--%>

<PagerStyle ForeColor="White" HorizontalAlign="Center"

BackColor="ActiveBorder" Font-Underline="false" />

<Columns>

<asp:TemplateField HeaderText="省份">

<ItemStyle HorizontalAlign="Center"

VerticalAlign="Middle"></ItemStyle>

<ItemTemplate>

<asp:Label ID="lblRegionName" runat="server"Text='<%#Eval ("rname") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="城市">

<ItemStyle HorizontalAlign="Center"

VerticalAlign="Middle"></ItemStyle>

<ItemTemplate>

<asp:Label ID="lblCityName" runat="server"Text='<%#Eval ("cname") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="用户名">

<ItemStyle HorizontalAlign="Center"

VerticalAlign="Middle"></ItemStyle>

<ItemTemplate>

<asp:Label ID="lblUserName" runat="server"Text='<%#Eval ("username") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>

</Columns>

<PagerTemplate>

<table cellSpacing="0" cellPadding="0" width="100%"align="center" border="0">

<tr>

<tdvAlign="middle"align="center"> 『<asp: linkbuttonid="cmdbegin" runat="server" CommandName="begin" >首页</asp: linkbutton>』

『<asp: linkbutton id="cmdbefore" runat="server"CommandName="before" >上一页</asp: l inkbutton>』

『<asp: linkbutton id="cmdafter" runat="server"CommandName="after" >下一页</asp: l inkbutton>』

『<asp: linkbutton id="cmdend" runat="server"CommandName="end" >尾页</asp: l inkbutton>』

</td>

<td vAlign="middle" align="center">页次 <asp: labelid="txtNowPage" runat="server" ForeColor="red">0</asp: label>/<asp: label id="txtAllPage"runat="server" ForeColor="red">0</asp: label>页&nbsp;

共<asp: label id="txtTotal" runat="server"ForeColor="red">0</asp: label>条记录&nbsp;

<asp: label id="txtNowRed" runat="server"ForeColor="red">0</asp: label>条记录/页

</td>

<td vAlign="top" align="center"><asp:checkboxid="cmdCheck" runat="server" Text="显示数字按钮" AutoPostBack="True"oncheckedchanged="cmdCheck_CheckedChanged" ></asp:checkbox></td>

</tr>

</table>

</PagerTemplate>

</asp:GridView>

后台代码namespace GridViewDemo.GridView分页系列

{public partial class GridView自定义分页02 : System.Web.UI.Page

{protected void Page_Load(object sender, EventArgs e)

{if (!IsPostBack)

{

BindView() ;

InitButtons() ;

}

}private void BindView()

{

DataTable dt = UserDemoAccess.GetUserSouce() ;

ViewState["RowCounts"] = dt.Rows.Count.ToString() ;this.GvShow.DataSource = dt; ;this.GvShow.DataBind() ;

}protected void GvShow_PageIndexChanging(object sender, GridViewPageEventArgs e)

{this.GvShow.PageIndex = e.NewPageIndex;

BindView() ;

InitButtons() ;

}protected void GvShow_RowDataBound(object sender, GridViewRowEventArgs e)

{if (e.Row.RowType == DataControlRowType.DataRow)

{e.Row.Attributes.Add("onmouseover",

"this. setAttribute('BKC' , this. style.backgroundColor) ;this. style.cursor='default' , this. style.backgroundColor='#ffff99' ") ;e.Row.Attributes.Add("onmouseout",

"this. style.backgroundColor=this.getAttribute('BKC' ) ;") ;

}

//if(e.Row.RowType == DataControlRowType.Pager)

//{

// GridViewRow gr = e.Row;

// //页次--第几页

// Label txtNowPage = gr.FindControl ("txtNowPage") as Label;

// //总页数

// Label txtAllPage = gr.FindControl ("txtAllPage") as Label;

// //总记录数

// Label txtTotal = gr.FindControl ("txtTotal") as Label;

// //条记录/页

// Label txtNowRed = gr.FindControl ("txtNowRed") as Label;

// txtNowPage.Text = (this.GvShow.PageIndex+1) .ToString() ;

// txtAllPage.Text = this.GvShow.PageCount.ToString() ;

// txtTotal.Text = ViewState["RowCounts"] .ToString() ;

// txtNowRed.Text = this.GvShow.PageSize.ToString() ;

//}

}protected void cmdCheck_CheckedChanged(object sender, EventArgs e)

{

//CheckBox cmdCheck = this.GvShow.BottomPagerRow.FindControl ("cmdCheck") asCheckBox;

//if (cmdCheck.Checked)

//{

// this.GvShow.PagerSettings.Mode = PagerButtons.Numeric;

//}

}protected void GvShow_RowCommand(object sender, GridViewCommandEventArgs e)

{

//控制页签swi tch(e.CommandName)

{case "begin":this.GvShow.PageIndex = 0;

; break;case "before":if(this.GvShow.PageIndex > 0)

{this.GvShow.PageIndex -= 1 ;

}

; break;case "after":if(this.GvShow.PageIndex < this.GvShow.PageCount - 1)

{this.GvShow.PageIndex += 1 ;

}

; break;case "end":this.GvShow.PageIndex = this.GvShow.PageCount-1 ;

; break;

}

//控制按钮

InitButtons() ;

}

private void InitButtons()

{

//获取gridviewrows的PagerTemplate底部模板

GridViewRow gr = this.GvShow.BottomPagerRow;

LinkButton cmdbegin = gr.FindControl ("cmdbegin") as LinkButton;LinkButton cmdbefore = gr.FindControl ("cmdbefore") as LinkButton;LinkButton cmdafter = gr.FindControl ("cmdafter") as LinkButton;LinkButton cmdend = gr.FindControl ("cmdend") as LinkButton;//页次--第几页

Label txtNowPage = gr.FindControl ("txtNowPage") as Label;//总页数

Label txtAllPage = gr.FindControl ("txtAllPage") as Label;//总记录数

Label txtTotal = gr.FindControl ("txtTotal") as Label ;

//条记录/页

Label txtNowRed = gr.FindControl ("txtNowRed") as Label ;txtNowPage.Text = (this.GvShow.PageIndex + 1) .ToString() ;txtAllPage.Text = this.GvShow.PageCount.ToString() ;txtTotal.Text = ViewState["RowCounts"] .ToString() ;txtNowRed.Text = this.GvShow.PageSize.ToString() ;cmdbegin.Enabled = false;cmdbefore.Enabled = false;cmdafter.Enabled = false;cmdend.Enabled = false;if(this.GvShow.PageCount > 1)

{cmdbegin.Enabled = true;cmdbefore.Enabled = true;cmdafter.Enabled = true;cmdend.Enabled = true;if(this.GvShow.PageIndex == 0)

{cmdbegin.Enabled = false;cmdbefore.Enabled = false;

}else if(this.GvShow.PageIndex == this.GvShow.PageCount-1)

{cmdafter.Enabled = false;cmdend.Enabled = false;

}

}

}

}

}

此外还可以不利用GridView自带的分页模板标记<PagerTemplate></PagerTemplate>可以在GridView的外部构造一个talbe与gridview对应这样更加灵活也应用于div中的GridView。

前台代码

<table id="tablePager" runat="server" cellSpacing="0" cellPadding="0" width="100%"align="center" border="0">

<tr>

<tdvAlign="middle"align="center"> 『<asp: linkbuttonid="cmdbegin" runat="server" CommandName="begin" OnCommand="PagerButton_Command" >首页</asp: linkbutton>』

『<asp: linkbutton id="cmdbefore" runat="server"CommandName="before" OnCommand="PagerButton_Command" >上一页</asp: l inkbutton>』

『<asp: linkbutton id="cmdafter" runat="server"CommandName="after" OnCommand="PagerButton_Command" >下一页</asp: l inkbutton>』

『<asp: linkbutton id="cmdend" runat="server"CommandName="end" OnCommand="PagerButton_Command" >尾页</asp: l inkbutton>』

</td>

<td vAlign="middle" align="center">页次 <asp: labelid="txtNowPage" runat="server" ForeColor="red">0</asp: label>/<asp: label id="txtAllPage"runat="server" ForeColor="red">0</asp: label>页&nbsp;

共<asp: label id="txtTotal" runat="server"ForeColor="red">0</asp: label>条记录&nbsp;

<asp: label id="txtNowRed" runat="server"ForeColor="red">0</asp: label>条记录/页

</td>

<td vAlign="top" align="center"><asp:checkboxid="cmdCheck" runat="server" Text="显示数字按钮" AutoPostBack="True"oncheckedchanged="cmdCheck_CheckedChanged" ></asp:checkbox></td>

</tr>

</table>

这俩种方式的区别在于适用内部的分页模板标记在触发事件后不用重新绑定GridView这个是由GridView内部的分页机制自动完成的而采用外部构造的方式在执行完之后必须重新绑定gridview

因为这个时候的pageIndex等信息已经变化需要重新进行绑定。

后台代码protected void PagerButton_Command(object sender, System.Web.UI.WebControls.CommandEventArgse)

{swi tch (e.CommandName)

{case "begin":this.GvShow.PageIndex = 0;

; break;case "before":if (this.GvShow.PageIndex > 0)

{this.GvShow.PageIndex -= 1 ;

}

; break;case "after":if (this.GvShow.PageIndex < this.GvShow.PageCount - 1)

{this.GvShow.PageIndex += 1 ;

}

; break;case "end":this.GvShow.PageIndex = this.GvShow.PageCount - 1 ;

; break;

}

//在设置完页签后将数据源重新绑定到GridView中

BindView() ;

InitButtons() ;

}

一个很好样式的假分页功能齐全

前台页面:

<table>

<tr>

<td>

<asp:GridView id="GvShow" runat="server" Width="910px"

BorderColor="#687BC4"

BorderWidth="1px" PageSize="3"

CellPadding="1" HorizontalAlign="Center" BorderStyle="None"AllowPaging="true"

AutoGenerateColumns="False"onrowdatabound="GvShow_RowDataBound" Height="132px" >

<SelectedRowStyle ForeColor="#FFFF99"

BackColor="#FFFF99"></SelectedRowStyle>

<AlternatingRowStyle BackColor="#EEF2F1"></AlternatingRowStyle>

<RowStyle BackColor="White" Height="24" ></RowStyle>

<HeaderStyle Wrap="False" HorizontalAlign="Center" Height="24px"ForeColor="Black" VerticalAlign="Middle"

BackColor="#BFD5FA"></HeaderStyle>

<PagerStyle ForeColor="White" HorizontalAlign="Center"

BackColor="ActiveBorder" Font-Underline="false" />

<PagerSettings Mode="Numeric" Position="Bottom"

Visible="false" />

<Columns>

<asp:TemplateField HeaderText="省份">

<ItemStyle HorizontalAlign="Center"

VerticalAlign="Middle"></ItemStyle>

<ItemTemplate>

<asp:Label ID="lblRegionName" runat="server"Text='<%#Eval ("rname") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="城市">

<ItemStyle HorizontalAlign="Center"

VerticalAlign="Middle"></ItemStyle>

<ItemTemplate>

<asp:Label ID="lblCityName" runat="server"Text='<%#Eval ("cname") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText="用户名">

<ItemStyle HorizontalAlign="Center"

VerticalAlign="Middle"></ItemStyle>

<ItemTemplate>

<asp:Label ID="lblUserName" runat="server"Text='<%#Eval ("username") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

</td>

</tr>

<tr>

<td>

<table id="tablePager"runat="server" cellSpacing="0" cellPadding="0"width="100%" align="center" border="0">

<tr>

Friendhosting全场VDS主机45折,虚拟主机4折,老用户续费9折

Friendhosting发布了今年黑色星期五促销活动,针对全场VDS主机提供45折优惠码,虚拟主机4折,老用户续费可获9折加送1个月使用时长,优惠后VDS最低仅€14.53/年起,商家支持PayPal、信用卡、支付宝等付款方式。这是一家成立于2009年的老牌保加利亚主机商,提供的产品包括虚拟主机、VPS/VDS和独立服务器租用等,数据中心可选美国、保加利亚、乌克兰、荷兰、拉脱维亚、捷克、瑞士和波...

OneTechCloud香港/日本/美国CN2 GIA月付9折季付8折,可选原生IP或高防VPS

OneTechCloud(易科云)是一家主打CN2等高端线路的VPS主机商家,成立于2019年,提供的产品包括VPS主机和独立服务器租用等,数据中心可选美国洛杉矶、中国香港、日本等,有CN2 GIA线路、AS9929、高防、原生IP等。目前商家针对全场VPS主机提供月付9折,季付8折优惠码,优惠后香港VPS最低季付64元起(≈21.3元/月),美国洛杉矶CN2 GIA线路+20Gbps防御型VPS...

Bluehost美国虚拟主机2.95美元/月,十八周年庆年付赠送顶级域名和SSL证书

Bluehost怎么样,Bluehost好不好,Bluehost成立十八周年全场虚拟主机优惠促销活动开始,购买12个月赠送主流域名和SSL证书,Bluehost是老牌虚拟主机商家了,有需要虚拟主机的朋友赶紧入手吧,活动时间:美国MST时间7月6日中午12:00到8月13日晚上11:59。Bluehost成立于2003年,主营WordPress托管、虚拟主机、VPS主机、专用服务器业务。Blueho...

gridview分页为你推荐
vista系统重装怎样重装vista系统eset最新用户名密码eset smart security3.0.621.0最新用户名和密码怎么找伪静态什么是伪静态伪静态有何作用手机区号手机号码+86是移动区号还是联通的区号?网站联盟网络联盟是什么意思腾讯文章怎样才能在手机腾讯网上发表文章?雅虎天盾我装了360安全卫士,原来的雅虎天盾需不需要卸载淘宝网页显示不正常淘宝网页不能正常显示bt封杀现在是全面封杀BT下载了吗?现在都找不到BT下载影片了电子商务网站模板网页制作模板
免费cn域名注册 免费二级域名注册 双线服务器租用 最新代理服务器ip 域名主机管理系统 代理域名备案 申请免费域名 贝锐花生壳域名 老左 重庆服务器托管 lunarpages 免费网站监控 天猫双十一秒杀 win8.1企业版升级win10 国内加速器 建站代码 日本空间 eq2 本网站在美国维护 太原联通测速平台 更多