DataGrid控件实用小技巧（2）-ASP教程,数据库相关-数据库其他-idc中文资讯站-客观公证的IDC产业权威媒体,关注域名、虚拟主机、服务器、网络、开源技术资讯，整合运营商资源，客观评价各地机房带宽线路质量、IDC企业名录等信息

DataGrid控件实用小技巧（2）-ASP教程,数据库相关

来源：作者：发布时间:2007-12-25 13:34:40

通过样式发挥您的想象力

datagrid web控件包含一些样式，您将发现通过样式改变datagrid的外观很有效。这些样式支持很多属性，包括backcolor、forecolor、horizontalalign和 width。(参考文档可获得更多信息)。datagrid包括四类样式：

headerstyle ? 设定页眉的样式。(页眉指表格的最上面一行，他列出了每列的名称。要显示页眉，需将datagrid的showheader属性设为true(缺省为true) )

footerstyle ?设定页脚的样式。(页脚指表格的最下面一行。要显示页脚，需将datagrid的showfooter属性true(缺省为false))

itemstyle ? 设定表格中每一行的样式。

alternatingitemstyle ? 设定表格中交替行的样式。通过将itemstyle和alternatingitemstyle设为不同的值使得datagrid便于阅读。(可参考下面的示例)

和设定datagrid的格式类似，样式可通过程式或datagrid web控件的标记进行设定。如上所述，我个人喜欢使用web控件的标记并且将在示例中使用该方法。第一种方法和通过代码配置datagrid的格式类似，通过在对象后面加一个点。即假如想设定headerstyle的backcolor，可在代码中通过headerstyle.backcolor=color.red实现。

另一个方法是通过在web 控件的标记中使用特别的样式块，如下所示：

＜asp:datagrid runat="server"＞
＜headerstyle backcolor="red" /＞
＜/asp:datagrid＞

两种方法均可行。我发现嵌入标记的方法便于阅读，特别是当您需要为众多样式设定众多属性时。下面的示例显示怎样美化先前的示例：

＜asp:datagrid runat="server" id="dgfaqs" 
backcolor="#eeeeee" width="85%"
horizontalalign="center"
font-name="verdana"
font-size="10pt"＞
＜headerstyle backcolor="black" forecolor="white" 
font-bold="true" horizontalalign="center" /＞
＜alternatingitemstyle backcolor="white" /＞
＜/asp:datagrid＞

喜欢本文，那就收藏到：