DataGrid控件使用技巧(1)
点击次数：15 次 发布日期：2008-11-26 15:05:16 作者：源代码网
|
源代码网推荐 源代码网推荐 源代码网推荐 ＜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#语言中表示对象属性的点(.)。 源代码网推荐 源代码网推荐 ＜asp:DataGrid runat="server" id="dgFAQs" 源代码网推荐 BackColor="#eeeeee" Width="85%" 源代码网推荐 HorizontalAlign="Center" 源代码网推荐 Font-Bold="True" Font-Name="Verdana" 源代码网推荐 Font-Size="10pt" /＞ 源代码网推荐 源代码网推荐 
源代码网推荐 源代码网推荐 是否印象深刻？通过几行文本，我们改变了DataGrid的外观，生成了一个居中、具有灰色和漂亮字体的HTML表格。 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
