GridView自定义分页导航-优快云博客

本文介绍了一个ASP.NET项目中GridView控件的高级使用技巧，包括带时分秒的日历控件、批量删除功能、自定义分页及页码定位等。通过JavaScript实现了行颜色变化效果，并展示了如何进行多选操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

导读：
　　自己做的一个项目中所运用到的技术：|
　　1. 日历控件（带时分秒）
　　2. GridView 批量删除,自定义分页,定位页码
　　3. GridView 修改
　　4. GridView 鼠标经过改变行的颜色
　　效果如下：
　　

　　
　　HTML：
　　

　　合作商查询
　　

合作商名称
　　

添加时间
　　

<textbox id="StartTime" onfocus="setday(this)" runat="server" width="159px"></textbox> 到

<gridview id="GridView1" runat="server" width="100%" forecolor="#333333" cellpadding="4"><　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　AutoGenerateColumns="False" AllowPaging="True" BorderColor="Silver" 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　BorderStyle="Solid" BorderWidth="1px" OnRowDataBound="GridView1_RowDataBound" 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　ShowFooter="false" EmptyDataText="没有数据记录！！" AllowSorting="True" OnSorting="GridView1_Sorting"> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<columns></columns> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<boundfield headertext="编号" datafield="id" visible="False"></boundfield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<templatefield images.youkuaiyun.com="" syntaxhighlighting="" width="11" outliningindicators="" headertext="<INPUT id=chk onclick=checkJs(this.checked); type=checkbox name=chk >全选?> 　　<IMG height=16 src="> 　　<itemtemplate></itemtemplate> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<input id="checkboxname" onclick="SingleCheckJs();" type="checkbox" name="checkboxname" value='<%# DataBinder.Eval(Container.DataItem, "StfId")%>'> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　</templatefield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<templatefield headertext="序号"> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<itemtemplate></itemtemplate> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　</templatefield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<templatefield headertext="充值"> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<itemtemplate></itemtemplate> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　</templatefield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<boundfield headertext="公司名称" datafield="StfCmpName" sortexpression="StfCmpName"></boundfield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<boundfield headertext="登陆名" datafield="StfName" sortexpression="StfName"></boundfield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<boundfield headertext="帐户金额" datafield="StfCmpMoney" sortexpression="StfCmpMoney"></boundfield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<boundfield headertext="帐户Q币" datafield="StfQbmoney" sortexpression="StfQbmoney"></boundfield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<boundfield headertext="合作日期" datafield="StfRegisterTime" sortexpression="StfRegisterTime" htmlencode="False"></boundfield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<templatefield headertext="操作"> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<itemtemplate></itemtemplate> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　</templatefield> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<rowstyle forecolor="#333333" backcolor="#F7F6F3"></rowstyle> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<editrowstyle backcolor="#999999"></editrowstyle> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<selectedrowstyle forecolor="#333333" backcolor="#E2DED6" font-bold="True"></selectedrowstyle> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 <pagerstyle forecolor="White" backcolor="#284775" horizontalalign="Center"></pagerstyle> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　<alternatingrowstyle forecolor="#284775" backcolor="White"></alternatingrowstyle> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 <pagersettings visible="False"></pagersettings> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　 <headerstyle font-bold="False" font-italic="False"></headerstyle> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　</gridview>

<linkbutton id="btnFirst" onclick="PagerButtonClick" commandargument="first"><　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　runat="server">首页</linkbutton><linkbutton id="btnPrev" onclick="PagerButtonClick" runat="server" commandargument="prev">上一页</linkbutton>

跳转到第<dropdownlist id="ddlCurrentPage" runat="server" autopostback="True" onselectedindexchanged="DropDownList1_SelectedIndexChanged"> 　　<img height="16" alt="" width="11" src="https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif"> 　　</dropdownlist>页

　　操作：
　　

　　
　　CS：
　　

　　
　　using System;
　　

　　using System.Data;
　　

　　using System.Configuration;
　　

　　using System.Collections;
　　

　　using System.Web;
　　

　　using System.Web.Security;
　　

　　using System.Web.UI;
　　

　　using System.Web.UI.WebControls;
　　

　　using System.Web.UI.WebControls.WebParts;
　　

　　using System.Web.UI.HtmlControls;
　　

　　using System.Data.SqlClient;
　　

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

　　...{
　　

　　
　　protected void Page_Load(object sender, System.EventArgs e)
　　

　　
　　...{
　　

　　
　　string StfRight = ""
　　

　　// 在此处放置用户代码以初始化页面
　　

　　if (Session["UserId"] == null)
　　

　　
　　...{
　　

Response.Write("<script language="javascript">alert('工作超时，请重新登录。');top.window.location='default.aspx';</script>");

　　
　　return
　　

　　}
　　

　　else
　　

　　...{
　　

　　
　　StfRight = Session["UserRight"].ToString().Trim();
　　

　　
　　if (!this.IsPostBack)
　　

　　
　　...{
　　

　　
　　if (StfRight != "7" && StfRight != "8")
　　

　　
　　...{
　　

Response.Write("<script language="javascript">alert('你没有权限察看此页。');top.window.location='default.aspx';</script>");

　　
　　return
　　

　　}
　　

　　GridViewBind("");
　　

　　
　　}
　　

　　private void GridViewBind(string Sqlsort)
　　

　　
　　...{
　　

　　
　　string where = string.Empty;
　　

　　
　　where = "and a.StfRight='6' and a.StfId=b.Stfid"
　　

　　if (TStfName.Text.Trim() != "")
　　

　　
　　...{
　　

　　
　　where += " and a.StfCmpName like '%" + TStfName.Text.Trim() + "%'"
　　

　　}
　　

　　if (StartTime.Text.Trim() != "")
　　

　　
　　...{
　　

　　
　　where += " and a.StfRegistertime >= '" + StartTime.Text + "'"
　　

　　}
　　

　　if (EndTime.Text.Trim() != "")
　　

　　
　　...{
　　

where += " and a.StfRegistertime <= '" + EndTime.Text + "'"

　　}
　　

　　if (where != string.Empty)
　　

　　
　　...{
　　

　　
　　where = "Where " + where.Substring(4);
　　

　　
　　}
　　

　　string connStr = ConfigurationManager.AppSettings.Get("DataConnectionString");
　　

　　
　　string SqlStr = "Select a.StfId as StfId,a.StfName as StfName,a.StfRealName as StfRealName,a.StfCmpName as StfCmpName,b.StfCmpMoney as StfCmpMoney,b.StfQbmoney as StfQbmoney,a.StfRegistertime as StfRegistertime From TStafferInfo a,TCmpMoney b " + where + Sqlsort;
　　

　　
　　//Response.Write(SqlStr);
　　

　　
　　//Response.End();
　　

　　DataSet ds = new DataSet();
　　

　　
　　try
　　

　　...{
　　

　　
　　SqlConnection conn = new SqlConnection(connStr);
　　

　　
　　if (conn.State.ToString() == "Closed") conn.Open();
　　

　　
　　SqlDataAdapter da = new SqlDataAdapter(SqlStr, conn);
　　

　　
　　da.Fill(ds, "TStafferInfo");
　　

　　
　　if (conn.State.ToString() == "Open") conn.Close();
　　

　　
　　GridView1.DataSource = ds.Tables[0].DefaultView;
　　

　　
　　GridView1.DataBind();
　　

　　
　　LblCurrentIndex.Text = "第 " + (GridView1.PageIndex + 1).ToString() + " 页"
　　

　　LblPageCount.Text = "共 " + GridView1.PageCount.ToString() + " 页"
　　

　　LblRecordCount.Text = "总共 " + ds.Tables[0].Rows.Count.ToString() + " 条"
　　

　　if (ds.Tables[0].Rows.Count == 0)
　　

　　
　　...{
　　

　　
　　btnFirst.Visible = false
　　

　　btnPrev.Visible = false
　　

　　btnNext.Visible = false
　　

　　btnLast.Visible = false
　　

　　LblCurrentIndex.Visible = false
　　

　　LblPageCount.Visible = false
　　

　　LblRecordCount.Visible = false
　　

　　}
　　

　　else if (GridView1.PageCount == 1)
　　

　　
　　...{
　　

　　
　　btnFirst.Visible = false
　　

　　btnPrev.Visible = false
　　

　　btnNext.Visible = false
　　

　　btnLast.Visible = false
　　

　　}
　　

　　// 计算生成分页页码,分别为："首页" "上一页" "下一页" "尾页"
　　

　　btnFirst.CommandName = "1"
　　

　　btnPrev.CommandName = (GridView1.PageIndex == 0 ? "1" : GridView1.PageIndex.ToString());
　　

　　
　　btnNext.CommandName = (GridView1.PageCount == 1 ? GridView1.PageCount.ToString() : (GridView1.PageIndex + 2).ToString());
　　

　　
　　btnLast.CommandName = GridView1.PageCount.ToString();
　　

　　this.ddlCurrentPage.Items.Clear();
　　

for (int i = 1 i <= this.GridView1.PageCount; i++)

　　
　　...{
　　

　　
　　this.ddlCurrentPage.Items.Add(i.ToString());
　　

　　
　　}
　　

　　this.ddlCurrentPage.SelectedIndex = this.GridView1.PageIndex;
　　

　　
　　}
　　

　　catch (Exception ex)
　　

　　
　　...{
　　

　　
　　Response.Write("数据库错误，错误原因：" + ex.Message);
　　

　　
　　Response.End();
　　

　　
　　}
　　

　　protected void PagerButtonClick(object sender, EventArgs e)
　　

　　
　　...{
　　

　　
　　GridView1.PageIndex = Convert.ToInt32(((LinkButton)sender).CommandName) - 1
　　

　　GridViewBind("");
　　

　　
　　}
　　

　　protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
　　

　　
　　...{
　　

　　
　　e.Row.Attributes["onmouseover"] = "ItemOver(this)"
　　

　　}
　　

　　protected void Button1_Click(object sender, EventArgs e)
　　

　　
　　...{
　　

　　
　　Response.Write(Request.Form.Get("RadioName"));
　　

　　
　　}
　　

　　protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
　　

　　
　　...{
　　

　　
　　string sql = ""
　　

　　if (ViewState["DataConnectionString"] == null || ViewState["DataConnectionString"].ToString().CompareTo("") == 0)
　　

　　
　　...{
　　

　　
　　ViewState["DataConnectionString"] = " desc"
　　

　　}
　　

　　else
　　

　　ViewState["DataConnectionString"] = ""
　　

　　sql = " order by " + e.SortExpression + ViewState["DataConnectionString"];
　　

　　
　　GridViewBind(sql);
　　

　　
　　//DataFormatString="{0:yyyy年MM月dd日 hh时mm分ss秒}"
　　

　　}
　　

　　
　　protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
　　

　　
　　...{
　　

　　
　　this.GridView1.PageIndex = this.ddlCurrentPage.SelectedIndex;
　　

　　
　　GridViewBind("");
　　

　　
　　}
　　

　　private bool CheckAddClientInfoForm()
　　

　　
　　...{
　　

　　
　　int Tag = 0
　　

　　if (Tag == 1)
　　

　　
　　...{
　　

Response.Write("<script script>?);>　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif" width=11> 　　 　　return false 　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/717446ca04a6125dc5b6b54e0fa14ab4.gif" width=11> 　　} 　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif" width=11> 　　if (Tag == 2) 　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif" width=11> 　　 　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/7ff8d92cded7e0ce15e7ca1acc870052.gif" width=11> 　　 　　...{ 　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif" width=11> 　　 　　<IMG height=16 src="https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif" width=11> 　　 　　Response.Write("<script>alert('两次输入密码不同')</script>");

　　
　　return false
　　

　　}
　　

　　else
　　

　　...{
　　

　　
　　return true
　　

　　}
　　

　　public string GetClientVisitInfoShowAnchorStr(object StfId, object StfName)
　　

　　
　　...{
　　

　　
　　string AnchorStr = "

修改

　　return AnchorStr;
　　

　　
　　}
　　

　　public string GetClientVisitInfoShowCmpMoney(object StfId, object StfName)
　　

　　
　　...{
　　

　　
　　string AnchorStr = "

充值

　　return AnchorStr;
　　

　　
　　}
　　

　　protected void Button3_Click(object sender, EventArgs e)
　　

　　
　　...{
　　

　　
　　string str = ""
　　

　　string[] ckb = null
　　

　　str = Request.Form.Get("checkboxname");
　　

　　
　　ckb = str.Split(new char[] ...{ ',' });
　　

for (int i = 0 i < ckb.Length; i++)

　　
　　...{ //帐户和信息同时删除
　　

　　string StrSql = " Delete TStafferInfo where StfId ='" + ckb[i] + "'"
　　

　　String StrSql_d = " Delete TCmpMoneyInfo where StfId ='" + ckb[i] + "'"
　　

　　SqlConnection Conn = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings.Get("DataConnectionString"));
　　

　　
　　SqlCommand Cmd = new System.Data.SqlClient.SqlCommand(StrSql, Conn);
　　

　　
　　SqlCommand Cmd_d = new System.Data.SqlClient.SqlCommand(StrSql_d, Conn);
　　

　　
　　Conn.Open();
　　

　　
　　SqlTransaction Trans = Conn.BeginTransaction();
　　

　　
　　try
　　

　　...{
　　

　　
　　Cmd.Transaction = Trans;
　　

　　
　　Cmd_d.Transaction = Trans;
　　

　　
　　Cmd.ExecuteNonQuery();
　　

　　
　　Cmd_d.ExecuteNonQuery();
　　

　　
　　Trans.Commit();
　　

　　
　　}
　　

　　catch (Exception Err)
　　

　　
　　...{
　　

　　
　　Trans.Rollback();
　　

　　
　　Response.Write(Err.Message);
　　

　　
　　}
　　

　　Response.Write("?);>　　

　　
　　GridViewBind("");
　　

　　
　　}
　　

　　protected void SelectClient_Click(object sender, EventArgs e)
　　

　　
　　...{
　　

　　
　　GridViewBind("");
　　

　　
　　}
　　

　　
　　Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1511765
　　
　　Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1520093

本文转自
http://blog.youkuaiyun.com/heker2007/archive/2007/03/04/1520093.aspx