DataGrid 自定义字段内容

因为DataGrid Web 控件的AutoGenerateColumn 属性预设为True，表示会自动产生数据源中所有的字段。如果我们想自订DataGrid Web 控制所要显示的字段，只要将AutoGenerateColumn属性设为False，并设定Columns 属性即可。其设定语法如下所示：

<Property Name="Columns">
<ASP:BoundColumn/>
<ASP:ButtonColumn/>
<ASP:EditCommandColumn/>
<ASP:HyperlinkColumn/>
<ASP:TemplateColumn>
样版设定...
</ASP:TemplateColumn>
</Property>

DataGrid Web 控件允许我们定义的字段，如下表所示：

字段型态 说明
BoundColumn 字段内容以Label 的方式呈现。
ButtonColumn 字段内容以超级链接或是按钮的方式呈现。
EditCommandColumn 提供数据编修的命令，不呈现字段数据。
HyperLinkColumn 字段内容以超级链接的方式呈现。
TemplateColumn 字段内容以自订样版的方式呈现。

下列程序代码片段展示了这几种字段：

<ASP:DataGrid Id="dgA" AllowPaging="True" PageSize="5"
OnPageIndexChanged="dgA_PageChg" Runat="Server"
PagerStyle-Mode="NumericPages" BorderColor="#808080"
HeaderStyle-Font-Names="Courier New"
HeaderStyle-BackColor="#D1DCEB"
AutoGenerateColumns="False">
<Property Name="Columns">
<ASP:BoundColumn
HeaderText="姓名"
DataField="UserName"/>
<ASP:ButtonColumn
HeaderText="电话"
ButtonType="PushButton"
DataTextField="UserTel"/>
<ASP:HyperlinkColumn
HeaderText="电邮"
DataNavigateUrlField="UserEmail"
DataTextField="UserEmail"/>
<ASP:TemplateColumn
HeaderText="住址">
<Template Name="ItemTemplate">
<ASP:Image ImageUrl="ico1.gif" Runat="Server"/>
<%#Container.DataItem("UserAdd")%>
</Template>
</ASP:TemplateColumn>
<ASP:EditCommandColumn
HeaderText="编辑"
ButtonType="PushButton"
CancelText="放弃"
EditText="编辑"
UpdateText="确定"/>
</Property>
</ASP:DataGrid>

其中这些字段的共同基础属性如下表所示：

属性 说明
FooterText 在字段底部显示的文字。
HeaderImageUrl 用来代替字段标题的影像文件地址。
HeaderText 字段标题所要显示的文字。
Owner 传回字段所属DataGrid 的参考。
SortField 当使用者指明要以本字段来排序时，该字段在数据源的名称。
State 传回字段的状况。
Visible 设定是否要显示字段，True/False。
这些字段也支持许多样式对象，可以让我们可以灵活的自订其显示外观，如下表所示：

样式对象 样式类别说明
FooterStyle TableItem 脚注所要显示的样式。
HeaderStyle TableItem 标头所要显示的样式。
ItemStyle 基础 每一个项目所要显示的样式。

BoundColumn

BoundColumn 最主要的功能是利用Label 来显示数据源中的一个字段内容，其使用语法如下所示：

<ASP:BoundColumn
DataField="DataSourceField"
DataFormatString="FormatString"
FooterText="FooterText"
HeaderImageUrl="url"
HeaderText="HeaderText"
ReadOnly="True | False"
SortField="DataSourceFieldToSortBy"
Visible="True | False"
FooterStyle-Property="value"
HeaderStyle-Property="value"
ItemStyle-Property="value"
/>

其中除了共同基础属性以及样式对象外，常用的属性如下表所示：

属性 说明
DataField 所要显示的资料源字段名称。
DataFormatString 所要显示的资料格式。
ReadOnly 设定字段是否为只读，True/False。

下列程序代码片段以BoundColumn 来显示字段内容：

<ASP:D