自订字段内容

领测软件测试网

    因为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 控件允许我们定义的字段，如下表所示：


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

<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>

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

这些字段也支持许多样式对象，可以让我们可以灵活的自订其显示外观，如下表所示：

文章来源于领测软件测试网 https://www.ltesting.net/