• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: | 推荐给好友 上一篇 | 下一篇

DataGrid控件使用技巧(1)

发布: 2007-6-30 18:56 | 作者: admin | 来源: | 查看: 41次 | 进入软件测试论坛讨论

领测软件测试网      将数据库内容绑定至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#语言中表示对象属性的点(.)。
  
  <asp:DataGrid runat="server" id="dgFAQs"
  BackColor="#eeeeee" Width="85%"
  HorizontalAlign="Center"
  Font-Bold="True" Font-Name="Verdana"
  Font-Size="10pt" />
  
  
  
  是否印象深刻?通过几行文本,我们改变了DataGrid的外观,生成了一个居中、具有灰色和漂亮字体的HTML表格。
  
  

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


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备2023014753号-2
技术支持和业务联系:info@testage.com.cn 电话:010-51297073

软件测试 | 领测国际ISTQBISTQB官网TMMiTMMi认证国际软件测试工程师认证领测软件测试网