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

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

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

将数据库内容绑定至datagrid是很简单的，我们所要做的就是通过sql查询来生成一个datareader对象，将datagrid的datasource属性设为这个datareader对象，然后调用datagrid对象的databind()方法。剩下的事情就是将datagrid放置到html中，他可通过如下代码实现：

＜asp:datagrid runat="server" /＞

就是这么简单。遗憾的是通过这种简单方法生成的datagrid并不美观。生成的datagrid仅仅是个封装了datareader中任何列和行的简单的html表格。

我们希望做到的是仅显示datareader中的部分列并且设定每一列的格式。并且希望设定诸如背景颜色、字体等能够应用到整个表格的格式。最后，假如能够为每一列加上自定义的标题就更好了。例如设定标题的背景色为不同的颜色或字体为粗体。在这部分我们将研究怎样完成任何这些任务！(datagrid能够做更多的事情，我们将在今后一系列文章中看到怎样对数据库结果进行分页显示，允许用户对数据排序等。)

设定datagrid格式

对于datagrid我们有两种设定格式的方法。第一种方法是在服务器端代码中通过程式进行设定。例如为了将datagrid的背景色设定为红色，可使用如下服务器端代码：

＜%@ import namespace="system.drawing" %＞
＜script runat="server"＞
sub page_load(sender as object, e as eventargs)
... 
datagridid.backcolor = color.red
...
end sub
＜/script＞

另一种设定显示属性的方法是在datagrid web控件的标记中进行设定。下面的代码和上面的代码效果是相同的：

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

我个人喜欢后一种方法。我发现在web控件的标记中设定显示属性比在服务器端代码中设定要简洁。(请注意，对于服务器端代码的方法，需要引入system.drawing命名空间，才能通过color.red对颜色进行引用；对于在web控件的标记中设定显示属性的方法，仅需写上backcolor="red"。我觉得后一种方法更可读。)

让我们看一下用于设定datagrid格式的有用的属性：

backcolor ? 设定背景颜色。

font ? 设定datagrid的字体信息。字体信息包括使用何种字体、字号，是否粗体，斜体等。

cellpadding ? 设定html表格中单元格内的边距。

cellspacing ? 设定html表格中单元格之间的间距。

width ? 设定html表格的宽度(能够以像素、百分比等为单位)

horizontalalign ? 设定表格在页面上的对齐方式(左对齐、右对齐、居中、未设定)

一个使用上述属性而使得表格变得漂亮的例子如下所示。请注意datagrid的font属性是个对象，他指向了fontinfo类，fontinfo类包括size, name, bold, italic等属性。为了设定font对象所指向类的属性，必须通过连字符(-)完成。这类似于vb.net和c#语言中表示对象属性的点(.)。

是否印象深刻？通过几行文本，我们改变了datagrid的外观，生成了一个居中、具备灰色和漂亮字体的html表格。

喜欢本文，那就收藏到：