發新話題

10天學會ASP.net之第八天

10天學會ASP.net之第八天

學習目的:初步掌握DATAGRID的使用
    以前在ASP中,我們顯示大批量數據經常使用循環讀取記錄集的方式,在表格中插入代碼來顯示,循環的是<tr>,如果是分頁還需要自己製作,如果排序更加複雜,在ASP.NET中就好了,一切工作都可以讓DATAGRID來做。
    首先看一下DATAGRID的樣式方面的屬性
BackImageUrl="" 背景圖片
CellSpacing="" 單元格間距
CellPadding="" 單元格填充
cssClass="" 使用的CSS樣式

    DATAGRID可以自動用表中的字段名放在顯示的記錄的頭部來表示各個單元格所代表的意義,用ShowHeader="true/false"來控制是不是顯示,在大多數情況下我們是不需要這個功能的,因為我們數據庫中的字段名大多是英文的,而我們想在頁面輸出的大多是中文名字。
    下面看一下顯示數據庫內所有記錄,就幾行代碼:

<script runat="server" language="c#">
void Page_Load()
{
string strConnection="rovider=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>  
<aspataGrid  
id="dgrdMain"  
cellpadding="1"  
showheader="true"  
borderwidth="0"
runat="server"  
/>  
</body>
</html>  
    至於VB的版本,這次大家自己來試試吧:)
    假設數據庫是三個字段:id,aa,bb
顯示的樣子就如下:

idaabb
1werwerewrwe
2werwerewrwe

     我們一定覺得這種顯示不滿意,我們有兩種顯示的方式(需要包括在<columns></columns>中間):
一、默認的列,我們可以選擇不輸出所有的字段還可以安排順序:

<asp:BoundColumn DataField="想要顯示的字段名">
比如說我們想按照bb,aa來輸出這個表,我們這麼寫
<aspataGrid  
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就不會自動輸出所有字段了

二、以模板列,我們可以定制每一個單元格的樣式:

<asp:TemplateColumn>
<itemTemplate>
中間是一個表格,想怎麼樣就怎麼樣
</itemTemplate>
</aspataGrid>  
或許你們要說怎麼在表格中輸出代碼那,可以使用<%# DataBinder.Eval(Container.DataItem,"字段名").ToString()%>
下面看一個例子,我們所要做的就是把aa,bb兩個字段放在一個單元格內顯示,就好像下面一樣:  

1werwe
rewrwe  
2werwe
rewrwe  

我們這樣寫代碼:  
<asp:DataGrid  
id="dgrdMain"  
cellpadding="1"  
showheader="false"  
autogeneratecolumns="false"
borderwidth="0"
runat="server">
<columns>
<asp:boundcolumn datafield="ii"/> 首先使用默認的顯示方式顯示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的分頁顯示等功能

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。