定制表格的显示方式【转载】

定制表格的显示方式

by Amy Rubusch
技术工具箱：ASP.NET

在设计一个网站时，我们常需要在一个页面上用表格显示一个数据库中的数据。在传统的ASP中，你必须创建一个HTML表，在一个记录集（recordset）中循环来得到每个记录，并为每个记录创建一个<TR>标签。在每个记录中，你必须循环来得到每个字段并为它创建一个<TD>标签。你不得不手动地处理许多细节，比如创建列标题、设置每个字段的大小以及设置颜色。另外，如果你只想显示记录集的某些字段，你必须用IF语句来查看每个字段，看看你是否想显示它。ASP.NET不仅使所有这些工作变得简单了，而且它也可以让你全面控制表格的显示方式。

首先，将一个DataGrid拖放到一个Web窗体上。然后写一些数据访问代码来从一个数据库得到数据。运用下面的代码我们就可以把名为mdtUsers的DataTable中的数据绑定到dgdUsers这个DataGrid中了：

dgdUsers.DataSource = mdtUsers dgdUsers.DataBind()

图1. 运用一个DataGrid来显示数据

我们将DataGrid的DataSource设置成载有数据的DataTable，然后调用DataBind方法来绑定数据。这样ASP.NET就为DataTable中所有的数据自动创建了一个表格。它排列了每一列，并将DataTable中的字段名称显示为列标题。

你也可以修改代码使DataGrid按你需要的方式显示（见图1）。例如，你可以在Web窗体上只显示DataTable的某些字段，或者你可以用一个不同的列标题来代替DataTable运用的字段名。.NET可以让你全面控制DataGrid的显示方式。

选择页面底部的HTML TAB键来显示页面的HTML代码。找到<asp:DataGrid>标签。你需要在<asp:DataGrid>和</asp:DataGrid>标签之间添加一些代码。例如，下面的代码就以交替形式改变了每行的背景颜色：

<AlternatingItemStyle     BackColor="Coral"></AlternatingItemStyle>

添加下面这行代码可以设置标题的背景颜色：

<HeaderStyle BackColor="Crimson"></HeaderStyle>

现在，假设你不想显示DataTable中的所有的字段。首先，你需要给<asp:DataGrid>标签添加一个AutoGenerateColumns属性，并将它设置成False：

<asp:DataGrid id="dgdUsers" style="Z-INDEX: 101;    LEFT: 43px; POSITION: absolute; TOP: 43px"    runat="server" AutoGenerateColumns="False">

缺省情况下，AutoGenerateColumns设置成True，这就是告诉.NET，让它自动生成所有的列。如果你想控制生成哪些列，就将这个属性设置成False。然后，你需要添加一个<Columns>代码块，来告诉.NET你想显示哪些列。例如，下面的代码只显示Last Name、First Name和Email地址字段：

<Columns> <asp:BoundColumn DataField="vcLastName"    HeaderText="Last Name"></asp:BoundColumn> <asp:BoundColumn DataField="vcFirstName"    HeaderText="First Name"></asp:BoundColumn> <asp:BoundColumn DataField="vcEmail"    "HeaderText="Email"></asp:BoundColumn> </Columns>

你对每个想显示的列都用了一个<asp:BoundColumn>标签。DataField属性是DataTable中的字段名，HeaderText这个属性可以让你控制用于该列的标题名。

你的DataGrid的完整的HTML代码应该如下所示：

<asp:DataGrid id="dgdUsers" style="Z-INDEX: 101;    LEFT: 43px; POSITION: absolute; TOP: 43px"    runat="server" AutoGenerateColumns="False" >    <AlternatingItemStyle       BackColor="Coral"></AlternatingItemStyle>    <HeaderStyle       BackColor="Crimson"></HeaderStyle>    <Columns>       <asp:BoundColumn DataField="vcLastName"          HeaderText="Last          Name"></asp:BoundColumn>       <asp:BoundColumn DataField="vcFirstName"          HeaderText="First          Name"></asp:BoundColumn>       <asp:BoundColumn DataField="vcEmail"           HeaderText="Email"></asp:BoundColumn>    </Columns> </asp:DataGrid>

ASP.NET简化了许多普通的网站设计工作。通过运用很少几行的代码你就可以显示整个表的数据，而且它还可以按你想要的方式来显示数据。

关于作者:
Amy Rubusch是Progressive Systems Consulting的一位开发人员，这是一家位于纽约的公司，它主要为各行业的企业开发Internet/Intranet、客户端/服务器和其它定制的数据库应用程序。她的联系方式是arubusch@progsys.com。

转载于:https://www.cnblogs.com/ProgRamMer-cSdn/archive/2008/11/13/1332412.html