DataGrid自定义分页以及几种常用的删除方法

此例子使用的是NorthWind数据库，里面用了分页存储过程，具体实现根据你设置的 DataGrid的每页的大小，每次从数据库中取出相对的记录，具体效果如图。
下面还把常用的几种删除记录的方式也写了一下（1.根据选中的CheckBox，一次删除多条记录，2.属性生成器里添加的删除按钮列删除，3.在模板列中放入Button按钮，每次删除之前都会有提示框，代码如下）
说明：由于这个程序我用到了数据访问层，所以数据库访问层的代码没有放上来，自己可以写一下，用到地方下面的代码会有说明
关于删除的方法，由于NorthWind表是SQLSERVER自带的，所以用了一个方法代替一下，并没有真正的删除记录，代码我注释掉了，不过逻辑是一样的。

关于页面的跳转，我用了DropDownList控件和TextBox控件，用DropDownList控件看的清楚，使用方便，但是一旦记录很多，页数增加，那就要每次都清除，每次加载一次，可能会影响效率，所以我用了两种方法，供其选择。
希望这个例子对大家有所帮助，也希望能够多提意见！

以下为存储过程，一个是分页存储过程，一个是得到总记录的存储过程
分页存储过程：
SET QUOTED_IDENTIFIER ON
GO
SET ANSI_NULLS ON
GO

ALTER PROCEDURE Test_GetOrders
(@PAGESIZE INT, --页面大小，如每页存储20条记录
@PAGEINDEX INT --当前页码
)
AS
SET NOCOUNT ON
BEGIN

DECLARE @INDEXTABLE TABLE(ID INT IDENTITY(1,1),NID INT) --定义表变量

DECLARE @PAGELOWERBOUND INT --定义此页的底码

DECLARE @PAGEUPPERBOUND INT --定义此页的顶码

SET @PAGELOWERBOUND=(@PAGEINDEX-1)*@PAGESIZE

SET @PAGEUPPERBOUND=@PAGELOWERBOUND+@PAGESIZE

SET ROWCOUNT @PAGEUPPERBOUND

INSERT INTO @INDEXTABLE(NID) SELECT OrderID FROM Orders ORDER BY OrderID DESC

SELECT ORDERID,CUSTOMERID,CONVERT(CHAR(10),ORDERDATE,120) AS ORDERDATE,
SHIPCITY,SHIPCOUNTRY,ISNULL(SHIPREGION,'无') AS SHIPREGION
FROM ORDERS A
INNER JOIN @INDEXTABLE T
ON A.ORDERID=T.NID
WHERE T.ID>@PAGELOWERBOUND AND T.ID< =@PAGEUPPERBOUND
ORDER BY T.ID

END

SET NOCOUNT OFF

GO
SET QUOTED_IDENTIFIER OFF
GO
SET ANSI_NULLS ON
GO

得到总记录的存储过程：
SET QUOTED_IDENTIFIER ON
GO
SET ANSI_NULLS ON
GO

ALTER PROC GetOrderCount
AS
--得到ORDERS表的总记录数
SELECT COUNT(*) FROM ORDERS

GO
SET QUOTED_IDENTIFIER OFF
GO
SET ANSI_NULLS ON
GO

前台的代码：

1@ Page language="c#" Codebehind="OrdersPage.aspx.cs" AutoEventWireup="false" Inherits="NetTest.OrdersPage" 

  1<html>
  2<head>
  3<title>NorthWind数据库Orders表的分页例子</title>
  4<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"/>
  5<meta content="C#" name="CODE_LANGUAGE"/>
  6<meta content="JavaScript" name="vs_defaultClientScript"/>
  7<link href="Css/BasicLayout.css" rel="stylesheet" type="text/css"/>
  8<meta content=" http://schemas.microsoft.com/intellisense/ie5 " name="vs_targetSchema"/>
  9</head>
 10<body ms_positioning="GridLayout">
 11<script language="javascript">   
 12function SelectAll()   
 13{   
 14var len=document.Form1.elements.length;   
 15var i;   
 16for (i=0;i<len;i++)   
 17{   
 18if (document.Form1.elements[i].type=="checkbox")   
 19{   
 20document.Form1.elements[i].checked=true;   
 21}   
 22}   
 23}   
 24function UnSelectAll()   
 25{   
 26var len=document.Form1.elements.length;   
 27var i;   
 28for (i=0;i<len;i++)   
 29{   
 30if (document.Form1.elements[i].type=="checkbox")   
 31{   
 32document.Form1.elements[i].checked=false;   
 33}   
 34}   
 35}   
 36</script>
 37<form id="Form1" method="post" runat="server">
 38<table align="center" border="0" width="60%">
 39<tr>
 40<td align="right">
 41<asp:regularexpressionvalidator controltovalidate="txtPage" display="None" errormessage="页数只能为数字" id="RegularExpressionValidator1" runat="server" validationexpression="\d{0,10}"></asp:regularexpressionvalidator>
 42<asp:validationsummary id="ValidationSummary1" runat="server" showmessagebox="True" showsummary="False"></asp:validationsummary></td>
 43</tr>
 44<tr>
 45<td align="center"><font style="FONT-SIZE: 10pt">共</font>
 46<asp:label cssclass="pageLinks" id="lbTotalPage" runat="server"></asp:label>
 47<font style="FONT-SIZE: 10pt">页/共   
 48<asp:label cssclass="pageLinks" id="lbTotalCount" runat="server"></asp:label>   
 49记录  当前</font>
 50<asp:label cssclass="pageLinks" id="lbCurrentPage" runat="server"></asp:label>
 51<font style="FONT-SIZE: 10pt">页</font>             
 52<font style="FONT-SIZE: 10pt">跳转到</font>
 53<asp:dropdownlist autopostback="True" id="ddlPage" runat="server" width="65px"></asp:dropdownlist>
 54<font style="FONT-SIZE: 10pt">页</font>
 55<asp:textbox id="txtPage" runat="server" width="43px"></asp:textbox>
 56<asp:button cssclass="redButtonCss" id="btnGo" runat="server" text="GO" width="34px"></asp:button><font size="2">                  
 57</font>
 58</td>
 59</tr>
 60<tr>
 61<td align="right"><input onclick="SelectAll()" type="button" value="全部选择"/><font face="宋体">     
 62</font><input onclick="UnSelectAll()" type="button" value="全部取消"/><font face="宋体">     
 63</font>
 64<asp:button id="btnDelete" runat="server" text="删除"></asp:button><font face="宋体">      
 65</font>
 66</td>
 67</tr>
 68<tr>
 69<td>
 70<asp:datagrid allowcustompaging="True" allowpaging="True" autogeneratecolumns="False" bordercolor="#93BEE2" borderstyle="None" datakeyfield="OrderID" id="dbOrders" pagesize="20" runat="server" width="100%">
 71<itemstyle backcolor="#CCFFFF" font-size="X-Small" height="25px" horizontalalign="Center"></itemstyle>
 72<headerstyle backcolor="#6699FF" font-bold="True" font-size="X-Small" height="25px" horizontalalign="Center"></headerstyle>
 73<columns>
 74<asp:templatecolumn>
 75<itemtemplate>
 76<font face="宋体">
 77<asp:checkbox id="cbFlag" runat="server"></asp:checkbox></font>
 78</itemtemplate>
 79</asp:templatecolumn>
 80<asp:boundcolumn datafield="OrderID" headertext="订单编号"></asp:boundcolumn>
 81<asp:boundcolumn datafield="CustomerID" headertext="客户编号"></asp:boundcolumn>
 82<asp:boundcolumn datafield="OrderDate" headertext="订单日期"></asp:boundcolumn>
 83<asp:boundcolumn datafield="ShipCity" headertext="运输城市"></asp:boundcolumn>
 84<asp:boundcolumn datafield="ShipCountry" headertext="运输国家"></asp:boundcolumn>
 85<asp:boundcolumn datafield="ShipRegion" headertext="运输区域"></asp:boundcolumn>
 86<asp:buttoncolumn commandname="Delete" text="删除"></asp:buttoncolumn>
 87<asp:templatecolumn>
 88<itemtemplate>
 89<font face="宋体">
 90<asp:button commandname="Delete" cssclass="redButtonCss" id="btnADelete" runat="server" text="删除"></asp:button></font>
 91</itemtemplate>
 92</asp:templatecolumn>
 93</columns>
 94<pagerstyle visible="False"></pagerstyle>
 95</asp:datagrid>
 96</td>
 97</tr>
 98<tr>
 99<td align="center" height="30"><b><asp:linkbutton commandname="First" cssclass="pageLinks" id="FirstPage" oncommand="NavigationLink_Click" runat="server" text="[First Page]">第一页</asp:linkbutton>      
100<asp:linkbutton commandname="Prev" cssclass="pageLinks" id="PreviousPage" oncommand="NavigationLink_Click" runat="server" text="[Previous Page]">上一页</asp:linkbutton>      
101<asp:linkbutton commandname="Next" cssclass="pageLinks" id="NextPage" oncommand="NavigationLink_Click" runat="server" text="[Next Page]">下一页</asp:linkbutton>      
102<asp:linkbutton commandname="Last" cssclass="pageLinks" id="LastPage" oncommand="NavigationLink_Click" runat="server" text="[Last Page]">末一页</asp:linkbutton></b>
103</td>
104</tr>
105</table>
106</form>
107</body>
108</html>

后台代码：

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using DataBaseClass;
using System.Data.SqlClient;
namespace NetTest
{
///

1<summary>   
2/// OrdersPage 的摘要说明。   
3/// </summary>

public class OrdersPage : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Label lbTotalPage;
protected System.Web.UI.WebControls.Label lbTotalCount;
protected System.Web.UI.WebControls.Label lbCurrentPage;
protected System.Web.UI.WebControls.DropDownList ddlPage;
protected System.Web.UI.WebControls.LinkButton FirstPage;
protected System.Web.UI.WebControls.LinkButton PreviousPage;
protected System.Web.UI.WebControls.LinkButton NextPage;
protected System.Web.UI.WebControls.DataGrid dbOrders;
protected System.Web.UI.WebControls.LinkButton LastPage;
private ClassDataGrid CDG=new ClassDataGrid();//数据访问层的类，定义的的一个实例
protected System.Web.UI.WebControls.Button btnGo;
protected System.Web.UI.WebControls.TextBox txtPage;
protected System.Web.UI.WebControls.ValidationSummary ValidationSummary1;
protected System.Web.UI.WebControls.RegularExpressionValidator RegularExpressionValidator1;
protected System.Web.UI.WebControls.Button btnDelete;
protected Int32 CurrentPageNumber = 1;//初始化，设置当前页为1,随时都要使用
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
BindData();
btnDelete.Attributes ["onclick"]="javascript:return confirm('您确认要删除吗?');";
}
}

#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

///

1<summary>   
2/// 设计器支持所需的方法 - 不要使用代码编辑器修改   
3/// 此方法的内容。   
4/// </summary>

private void InitializeComponent()
{
this.ddlPage.SelectedIndexChanged += new System.EventHandler(this.ddlPage_SelectedIndexChanged);
this.btnGo.Click += new System.EventHandler(this.btnGo_Click);
this.dbOrders.ItemCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.dbOrders_ItemCommand);
this.dbOrders.DeleteCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.dbOrders_DeleteCommand);
this.dbOrders.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.dbOrders_ItemDataBound);
this.btnDelete.Click += new System.EventHandler(this.btnDelete_Click);
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion

public Int32 GetCountOrders()
{
Int32 Tcount=Int32.Parse(CDG.GetOrderCount());//此处用到了数据访问层，得到总记录数，代码要自己写一下
return Tcount;
}

protected void NavigationLink_Click ( Object sender, CommandEventArgs e )//此事件为HTML代码里注册（事件为OnCommand）
{
switch ( e.CommandName )//根据设置的CommandName属性判断
{
case "First":
CurrentPageNumber = 1;
break;
case "Last":
CurrentPageNumber = Int32.Parse ( lbTotalPage.Text );
break;
case "Next":
CurrentPageNumber = Int32.Parse ( lbCurrentPage.Text ) + 1;
break;
case "Prev":
CurrentPageNumber = Int32.Parse ( lbCurrentPage.Text ) - 1;
break;
}
BindData();

}

public void BindData()
{
lbCurrentPage.Text = CurrentPageNumber.ToString();
int PageSize=int.Parse(dbOrders.PageSize.ToString());

//绑定DATAGRID，此处用到数据访问层，只要可以绑定就可以了(DataSet,DataTable都可以)，这里的代码要自己写一下
SqlDataReader dr=CDG.GetOrders(PageSize,CurrentPageNumber);
dbOrders.DataSource=Tools.ConvertDataReaderToDataTable(dr);
dbOrders.DataBind();

Double TotalPages = 1;//初始化，总页数为1
Double ModePages=0;//取模余数（判断总页数是否要加1）

Int32 TotalRecords = GetCountOrders();//调用上面的得到总记录数的方法
TotalPages = TotalRecords / PageSize;//得到总页数（总记录数除以每页的记录数）
ModePages=TotalRecords%PageSize;//得到取模的余数(总记录数取模每页的记录数)
if(ModePages>0)//如果取模数不等于0，则把总页数加1
{
TotalPages+=1;
}
if(ModePages==0)//如果取模数等于0,不做任何事（也可以不用判断）
{
}

lbTotalPage.Text = TotalPages.ToString();//显示页面上的总页数
lbTotalCount.Text=TotalRecords.ToString();//显示页面上的总记录数

//以下为判断点击的按钮（第一页，上一页，下一页，末一页）是否可以用
if ( CurrentPageNumber == 1 )
{
PreviousPage.Enabled = false;
FirstPage.Enabled=false;
if ( TotalPages > 1 )
{
NextPage.Enabled = true;
LastPage.Enabled=true;
}
else
{
NextPage.Enabled = false;
LastPage.Enabled=false;
}
}
else
{
PreviousPage.Enabled = true;
FirstPage.Enabled=true;

if ( CurrentPageNumber == TotalPages )
{
NextPage.Enabled = false;
LastPage.Enabled=false;
}
else
{
NextPage.Enabled = true;
LastPage.Enabled=true;
}
}

ddlPage.Items.Clear();//清楚跳转的页数（如果不清除，里面的记录将会循环增加）
int PCount=int.Parse(lbTotalPage.Text);//得到总页数，为了循环
for(int i=1;i<=PCount;i++)
{
ddlPage.Items.Add(i.ToString());
}
ddlPage.Items.FindByText(CurrentPageNumber.ToString()).Selected=true;//把当前页显示在列表框的第一个

}

private void ddlPage_SelectedIndexChanged(object sender, System.EventArgs e)
{
int PageSize=int.Parse(ddlPage.SelectedValue.ToString());
int PageCount=Int32.Parse(lbTotalPage.Text.Trim().ToString());
if(PageSize<1)
{
CurrentPageNumber=1;
}
else if(PageSize>PageCount)
{
CurrentPageNumber=PageCount;
}
else
{
CurrentPageNumber=PageSize;
}
BindData();
}

private void btnGo_Click(object sender, System.EventArgs e)
{
int PageSize=int.Parse(txtPage.Text.Trim().ToString());
int PageCount=Int32.Parse(lbTotalPage.Text.Trim().ToString());
if(PageSize<1)
{
CurrentPageNumber=1;
}
else if(PageSize>PageCount)
{
CurrentPageNumber=PageCount;
}
else
{
CurrentPageNumber=PageSize;
}
BindData();
}

private void btnDelete_Click(object sender, System.EventArgs e)
{
try
{
string SelectedString = "";//定义一个变量
foreach(DataGridItem data in dbOrders.Items)
{
for(int i=0;i

 1<data.cells[0].controls.count;i++) ",";="" )="" +="" arr="SelectedString.Split(',');//分割字符串，放入数组中" bool="" for(int="" i="0;i&lt;Arr.Length;i++)//循环数组" if(((checkbox)data.cells[0].controls[i]).checked="true)//如果CheckBox被选中" if(arr[i].trim()!="" if(data.cells[0].controls[i].gettype().tostring()="System.Web.UI.WebControls.CheckBox" if(result)="" if(selectedstring!="" response.write("<script="" result="CDG.DeleteOrder(Int32.Parse(arrselected[i]));//删除一条记录" selectedstring="SelectedString.Substring(0,SelectedString.Length-1);//截取最后一个逗号" string[]="" {="" }="" 以逗号分隔，加入同一个字符串中="" 判断类型是否为checkbox="" 因为设置了datagrid的datakeyfield属性（编号），所以可以根据datakeys得到选中checkbox的那行所对应的那条记录的编号="" 如果值不为空="" 循环datagrid的第一个单元格="" 此处的删除方法可以根据自己的需求写，所以这里就不写了="" 这里的deleteuser是我写的数据层的方法，返回的是bool，如果删除成功，返回true;="">alert('用户删除成功')");   
 2  
 3}   
 4}   
 5  
 6BindData();   
 7}   
 8catch   
 9{   
10Response.Write("<script>alert('过程出现错误，删除失败，请查找原因')</script>");   
11}   
12} 
13
14private void dbOrders_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)   
15{   
16if(e.Item.ItemType==ListItemType.Item)//这是判断属性生成器里添加的删除，弹出一个删除对话框   
17{   
18if(e.Item.ItemType==ListItemType.Item)//这个删除的事件在DeleteCommand中执行   
19{   
20LinkButton btn=(LinkButton)e.Item.Cells[7].Controls[0];   
21btn.Attributes.Add ("onclick",   
22"return confirm (\"确定要删除此项记录吗？\");");   
23}   
24}   
25if(e.Item.ItemType==ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem)//这是判断模板列中里添加的删除按钮（Button,ImageButton也可以)，弹出一个删除对话框   
26{   
27Button button = (Button) e.Item.FindControl("btnADelete");//这个事件在ItemCommand事件中执行   
28//ImageButton button = (ImageButton) e.Item.FindControl("Imagebutton1");   
29button.Attributes.Add ("onclick",   
30"return confirm (\"确定要删除此项记录吗？\");");   
31}   
32} 
33
34private void dbOrders_DeleteCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)   
35{   
36//写你的删除事件,下面是举例，具体根据自己的实际情况而定   
37int OrderID=int.Parse(dbOrders.DataKeys[e.Item.ItemIndex].ToString());//得到该行的对应的编号   
38// bool result=CDG.DeleteOrder(OrderID);   
39// if(result)   
40// {   
41// Response.Write("<script>alert('用户删除成功')</script>");   
42// }   
43} 
44
45private void dbOrders_ItemCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)   
46{   
47int OrderID=int.Parse(dbOrders.DataKeys[e.Item.ItemIndex].ToString());//得到该行的对应的编号   
48if(e.CommandName.Equals("Delete"))//此属性为设置的控件的CommandName，刚才设置的是Delete，表示删除（其他也可以）   
49{   
50//写你的删除事件,下面是举例，具体根据自己的实际情况而定   
51//bool result=CDG.DeleteOrder(OrderID);   
52// if(result)   
53// {   
54// Response.Write("<script>alert('用户删除成功')</script>");   
55// }   
56}   
57} 
58
59}   
60}</data.cells[0].controls.count;i++)>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus