asp.net中顯示DataGrid控件列序號的幾種方法
2024-07-10 12:57:01
供稿：網友
asp.net中顯示datagrid控件列序號的幾種方法
作者：鄭佐 2004-9-10
在aps.net中多數據綁定的控件很多，論功能來說，應該屬datagrid最為齊全，但它沒有提供現成的顯示記錄序號的功能，不過我們可以通過它所帶的一些參數來間接得到序號，下面來看看怎樣得到和顯示序號值計算方式如下：
(1)在后臺
datagrid.currentpageindex * datagrid.pagesize + e.item.itemindex + 1
(2)在前臺
datagrid1.currentpageindex * datagrid1.pagesize + container.itemindex + 1
說明：
e表示system.web.ui.webcontrols.datagriditemeventargs參數類的實例；
datagrid1這里表示前臺的一個實例；
datagrid.currentpageindex：獲取或設置當前顯示頁的索引；
datagrid.pagesize ：獲取或設置要在 datagrid 控件的單頁上顯示的項數。
下面我使用了4種方法來在前臺顯示序號，不過都是圍繞上面的計算式展開。
（1） 使用datagrid的itemcreated設置值，而前臺的單元格可以是綁定列或者模板列(包括空模板)；
（2） 使用datagrid的itemdatabound設置值，而前臺的單元格可以是綁定列或者模板列(包括空模板)；
（3） 在前臺直接綁定計算表達式；
（4） 在后臺類中編寫方法計算表達式由前臺頁面類繼承調用。
備注：在數據庫中獲取數據時設置額外的序號列這里不做討論，我認為這是最糟糕的實現方法。
下面以獲取northwind數據庫的customers表的數據為列，顯示如下：
序號1
序號2
序號3
序號4
序號5
customerid
51
51
51
51
51
lonep
52
52
52
52
52
magaa
53
53
53
53
53
maisd
54
54
54
54
54
merep
55
55
55
55
55
morgk
56
56
56
56
56
norts
57
57
57
57
57
ocean
58
58
58
58
58
oldwo
59
59
59
59
59
ottik
60
60
60
60
60
paris
1 2 3 4 5 6 7 8 9 10
下面是webformpaging.aspx文件代碼，
<%@ page language="c#" codebehind="webformpaging.aspx.cs" autoeventwireup="false" inherits="aspnetpaging.webform1" %>
<!doctype html public "-//w3c//dtd html 4.0 transitional//en" >
<html>
<head>
<title>webform1</title>
<meta content="microsoft visual studio .net 7.1" name="generator">
<meta content="c#" name="code_language">
<meta content="javascript" name="vs_defaultclientscript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetschema">
</head>
<body>
<form id="form1" method="post" runat="server">
<table id="table1" cellspacing="1" cellpadding="1" width="400" align="center" border="1">
<tr>
<td><asp:datagrid id="datagrid1" runat="server" autogeneratecolumns="false" width="100%" allowpaging="true">
<columns>
<asp:boundcolumn headertext="序號1"></asp:boundcolumn>
<asp:templatecolumn headertext="序號2"></asp:templatecolumn>
<asp:templatecolumn headertext="序號3">
<itemtemplate>
<asp:label id="itemindex" runat="server"></asp:label>
</itemtemplate>
</asp:templatecolumn>
<asp:templatecolumn headertext="序號4">
<itemtemplate>
<%# (datagrid1.currentpageindex * datagrid1.pagesize + container.itemindex + 1) %>
</itemtemplate>
</asp:templatecolumn>
<asp:templatecolumn headertext="序號5">
<itemtemplate>
<%# getrecordindex( container.itemindex ) %>
</itemtemplate>
</asp:templatecolumn>
<asp:boundcolumn datafield="customerid" headertext="customerid"></asp:boundcolumn>
</columns>
<pagerstyle mode="numericpages"></pagerstyle>
</asp:datagrid></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</form>
</body>
</html>
后臺webformpaging.aspx.cs代碼如下：
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;
namespace aspnetpaging
{
public class webform1 : system.web.ui.page
{
private int recordcount = 0;
protected system.web.ui.webcontrols.datagrid datagrid1;
private void page_load(object sender, system.eventargs e)
{
if(!page.ispostback)
{
datagriddatabind();
}
}
//綁定數據
private void datagriddatabind()
{
dataset ds = dataaccess.getcustomersdata();
this.datagrid1.datasource = ds;
this.datagrid1.databind();
}
#region web 窗體設計器生成的代碼
override protected void oninit(eventargs e)
{
initializecomponent();
base.oninit(e);
}
/// <summary>
/// 設計器支持所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內容。
/// </summary>
private void initializecomponent()
{
this.datagrid1.itemcreated += new system.web.ui.webcontrols.datagriditemeventhandler(this.datagrid1_itemcreated);
this.datagrid1.pageindexchanged += new system.web.ui.webcontrols.datagridpagechangedeventhandler(this.datagrid1_pageindexchanged);
this.datagrid1.itemdatabound += new system.web.ui.webcontrols.datagriditemeventhandler(this.datagrid1_itemdatabound);
this.load += new system.eventhandler(this.page_load);
}
#endregion
//翻頁
private void datagrid1_pageindexchanged(object source, system.web.ui.webcontrols.datagridpagechangedeventargs e)
{
datagrid1.currentpageindex = e.newpageindex;
datagriddatabind();
}
//獲取當前項
protected int getrecordindex(int itemindex)
{
return (datagrid1.currentpageindex * datagrid1.pagesize + itemindex + 1);
}
private void datagrid1_itemcreated(object sender, system.web.ui.webcontrols.datagriditemeventargs e)
{
datagrid dg = (datagrid)sender;
if(e.item.itemtype == listitemtype.item || e.item.itemtype == listitemtype.alternatingitem)
{
e.item.cells[0].text = (dg.currentpageindex * dg.pagesize + e.item.itemindex + 1).tostring();
e.item.cells[1].text = (dg.currentpageindex * dg.pagesize + e.item.itemindex + 1).tostring();
}
}
private void datagrid1_itemdatabound(object sender, system.web.ui.webcontrols.datagriditemeventargs e)
{
datagrid dg = (datagrid)sender;
if(e.item.itemtype == listitemtype.item || e.item.itemtype == listitemtype.alternatingitem)
{
((label)e.item.findcontrol("itemindex")).text = (dg.currentpageindex * dg.pagesize + e.item.itemindex + 1).tostring();
}
}
}
}
數據層代碼如下：
using system;
using system.data;
using system.data.sqlclient;
using system.configuration;
namespace aspnetpaging
{
public class dataaccess
{
private static string connstring = configurationsettings.appsettings["connstring"];
private dataaccess()
{
}
public static dataset getcustomersdata()
{
sqlconnection conn = new sqlconnection(connstring);
sqlcommand comm = new sqlcommand("getcustomers",conn);
comm.commandtype = commandtype.storedprocedure;
sqldataadapter dataadapter = new sqldataadapter(comm);
dataset ds = new dataset();
dataadapter.fill(ds);
return ds;
}
}
}
總結，上面的四種方法前兩種其實處理起來是一樣的，只是處理的時間不同而已；對于第三種我認為最簡單，直接在前臺頁面綁定，不需要額外的輔助；對于第四種的方法綁定到前臺我認為最為靈活，需要注意的是getrecordindex方法需要protected或public，使它的繼承類能訪問的到。
，歡迎訪問網頁設計愛好者web開發。
