十天學(xué)會ASP.net之第八天
學(xué)習(xí)目的：初步掌握DATAGRID的使用
以前在ASP中，我們顯示大批量數(shù)據(jù)經(jīng)常使用循環(huán)讀取記錄集的方式，在表格中插入代碼來顯示，循環(huán)的是<tr>，如果是分頁還需要自己制作，如果排序更加復(fù)雜，在ASP.NET中就好了，一切工作都可以讓DATAGRID來做。
首先看一下DATAGRID的樣式方面的屬性
BackImageUrl="" 背景圖片
CellSpacing="" 單元格間距
CellPadding="" 單元格填充
cssClass="" 使用的CSS樣式
DATAGRID可以自動用表中的字段名放在顯示的記錄的頭部來表示各個(gè)單元格所代表的意義，用ShowHeader="true/false"來控制是不是顯示，在大多數(shù)情況下我們是不需要這個(gè)功能的，因?yàn)槲覀償?shù)據(jù)庫中的字段名大多是英文的，而我們想在頁面輸出的大多是中文名字。
下面看一下顯示數(shù)據(jù)庫內(nèi)所有記錄，就幾行代碼：
<script runat="server" language="c#">
void Page_Load()
{
string strConnection="Provider=Microsoft.Jet.OleDb.4.0;Data Source=";
strConnection+=Server.MapPath("guestbook.mdb");
OleDbConnection objConnection=new OleDbConnection(strConnection);
OleDbCommand objCommand1 = new OleDbCommand("select * from guestbook",objConnection);
objConnection.Open();
dgrdMain.DataSource=objCommand1.ExecuteReader();//dgrdMain就是下面的DATAGRID的ID
dgrdMain.DataBind();
objConnection.Close();
}
</script>
<html>
<body>
<asp:DataGrid
id="dgrdMain"
cellpadding="1"
showheader="true"
borderwidth="0"
runat="server"
/>
</body>
</html>
至于VB的版本，這次大家自己來試試吧：）
假設(shè)數(shù)據(jù)庫是三個(gè)字段：id,aa,bb
顯示的樣子就如下：
| id | aa | bb |
| 1 | werwe | rewrwe |
| 2 | werwe | rewrwe |
我們一定覺得這種顯示不滿意，我們有兩種顯示的方式（需要包括在<columns></columns>中間）：
一、默認(rèn)的列，我們可以選擇不輸出所有的字段還可以安排順序：
<asp:BoundColumn DataField="想要顯示的字段名">
比如說我們想按照bb,aa來輸出這個(gè)表，我們這么寫
<asp:DataGrid
id="dgrdMain"
cellpadding="1"
showheader="true"
autogeneratecolumns="false"
borderwidth="0"
runat="server">
<columns>
<asp:boundcolumn datafield="bb"/>
<asp:boundcolumn datafield="bb"/>
</columns>
</asp:datagrid>
注意：使用了autogeneratecolumns="false"以后DATAGRID就不會自動輸出所有字段了
二、以模板列，我們可以定制每一個(gè)單元格的樣式：
<asp:TemplateColumn>
<itemTemplate>
中間是一個(gè)表格，想怎么樣就怎么樣
</itemTemplate>
</asp:DataGrid>
或許你們要說怎么在表格中輸出代碼那，可以使用<%# DataBinder.Eval(Container.DataItem,"字段名").ToString()%>
下面看一個(gè)例子，我們所要做的就是把a(bǔ)a,bb兩個(gè)字段放在一個(gè)單元格內(nèi)顯示，就好像下面一樣：
| 1 | werwe rewrwe |
| 2 | werwe rewrwe |
我們這樣寫代碼：
<asp:DataGrid
id="dgrdMain"
cellpadding="1"
showheader="false"
autogeneratecolumns="false"
borderwidth="0"
runat="server">
<columns>
<asp:boundcolumn datafield="ii"/> 首先使用默認(rèn)的顯示方式顯示ID
<asp:TemplateColumn> 再使用模板來顯示后面一列（由AA,BB并列組成）
<itemTemplate>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><%# Container.DataItem("aa")%></td>
</tr>
<tr>
<td><%# Container.DataItem("bb")%></td>
</tr>
</table>
</itemTemplate>
</asp:DataGrid>
</columns>
</asp:datagrid>
今天就說到這里，明天我們來看一下DATAGRID的分頁顯示等功
關(guān)鍵詞：ASP.net
閱讀本文后您有什么感想? 已有 人給出評價(jià)!
- 0
- 0
- 0
- 0
- 0
- 0
