欢迎光临
我们一直在努力

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

建站超值云服务器,限时71元/月

通过样式发挥你的想象力

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>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » DataGrid控件实用小技巧 (2)-ASP教程,数据库相关
分享到: 更多 (0)