十天学会ASP.net之第八天_Asp.Net基础教程

时间：2010-09-14 来源：蔚蓝的大海

学习目的：初步掌握DATAGRID的使用

以前在ASP中，我们显示大批量数据经常使用循环读取记录集的方式，在表格中插入代码来显示，循环的是<tr>，如果是分页还需要自己制作，如果排序更加复杂，在ASP.NET中就好了，一切工作都可以让DATAGRID来做。

首先看一下DATAGRID的样式方面的属性
BackImageUrl="" 背景图片
CellSpacing="" 单元格间距
CellPadding="" 单元格填充
cssClass="" 使用的CSS样式

DATAGRID可以自动用表中的字段名放在显示的记录的头部来表示各个单元格所代表的意义，用ShowHeader="true/false"来控制是不是显示，在大多数情况下我们是不需要这个功能的，因为我们数据库中的字段名大多是英文的，而我们想在页面输出的大多是中文名字。

下面看一下显示数据库内所有记录，就几行代码：

runat="server"
/>
</body>
</html>

至于VB的版本，这次大家自己来试试吧：）

假设数据库是三个字段：id,aa,bb
显示的样子就如下：
id aa bb
1 werwe rewrwe
2 werwe rewrwe

我们一定觉得这种显示不满意，我们有两种显示的方式（需要包括在<columns></columns>中间）：

一、默认的列，我们可以选择不输出所有的字段还可以安排顺序：

<asp:BoundColumn DataField="想要显示的字段名">
比如说我们想按照bb,aa来输出这个表，我们这么写

<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就不会自动输出所有字段了。

二、以模板列，我们可以定制每一个单元格的样式：

<asp:TemplateColumn>
<itemTemplate>
中间是一个表格，想怎么样就怎么样
</itemTemplate>
</asp:DataGrid>
或许你们要说怎么在表格中输出代码那，可以使用<%# DataBinder.Eval(Container.DataItem,"字段名").ToString()%>
下面看一个例子，我们所要做的就是把aa,bb两个字段放在一个单元格内显示，就好像下面一样：

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"/> 首先使用默认的显示方式显示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的分页显示等功能

bestbuy softwaredvd copy protection softwareiec c13 power cordmove pagefile sys windows vistanetwork digital audio receiverdesk review appraisalcharter internet self installationvirtual computer keyboard downloadinternet phone and cablebonsai tool pricespantech duo customer reviewssocom airsoft gunsmakes best replacement windowssouthern cross anglican mediaother cable providersport royale trainerdownload htc pc suitecable internet reviewhd monitorxbox 360 used priceconnect xbox 360 hd tvtoshiba pci flash memoryieee 1394 to usb100 pci adapter driver downloadsmemorex 6136u scanner driverdifference between audio video cablebnc connector installationlinkedin reviewcoax digital tvinternet explorer 8 opens slowbaja broadband emailserial port communication softwarebose ipod speaker systemsony camcordershopping tvdell e6500 base system device driverinstalling bluetoothps3 monster cablesradio shack digital converter boxespsp usb data cablesims 3 pl megauploadwdm video capture driver vistasynchronous serial interface ssivideo e cardsasus eee pc memory card1gb usb mp3dvi hdtv adapterplaystation 2 wifibest buy mini dvi vgasony usb turntable mac