DataGrid Web控件深度历险(1)

原创 2004年03月20日 14:35:00

DataGrid Web控件深度历险(1)<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

这篇文章是一系列关于使用DataGrid Web控件文章的第一部分。ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中,并且功能强大。在最简单的情形下DataGrid显示HTML表格框架,但是它可被增强以显示丰富的用户界面,可根据数据库的列进行排序,甚至允许对数据库结果进行分页!所有这些有趣的主题将在今后一系列文章中涉及。

从数据库中获取表格信息并将其显示在一个HTML表格中是传统ASP编程中最普通的任务之一。在传统ASP编程中需要通过多行交织的HTML和代码实现上述功能。下面的原形代码显示了这些代码通常的形式。

 

如果你是一个ASP开发人员,你也许多次编写了上述代码。ASP.Net的优点之一就是它包含很多Web控件。这些产生HTMLWeb控件提供了一个可编程的接口,它允许开发人员将代码和内容分离,并在代码中将产生HTML的实体作为对象使用。也就是说,如果我们需要通过ASP.Net显示一些HTML内容,将编写如下的代码:

<script language="vb" runat="server">
  sub Page_Load(sender as Object, e as EventArgs)
    lblMessage.Text = "Hello, World!"
  end sub
</script>

<asp:label runat="server" id="lblMessage" />

这里带有runat=”server”属性(类似于HTML标记)lblMessage Web控件被放置在HTML中。然后,在Page_Load事件处理程序中(该事件处理程序在每次页面装载时被调用)lblMessageText属性被设置为”Hello World”。此处对于Web控件的使用,实现了代码和内容的分离。在传统的ASP中,需要将<%="Hello, World!"%>放置在HTML中合适的位置才能达到同样的效果。

 

DataGrid基础

要在ASP.Net Web页面中加入DataGrid,只需执行如下代码:

<asp:datagrid runat="server" id="ID_of_DataGrid" />

这里的id值将作为在服务器端代码中使用DataGrid的名称,我们通过将上述语法放置在HTML中来使用DataGrid。但是为了让DataGrid显示任何有用的信息,我们需要将DataGrid绑定到一些信息的集合。这些信息的集合可以是任何支持IEnumerable接口的对象。它包括Arrays,集合类(ArrayList ,Hashtable)Datasets和其它很多对象。由于希望集中精力显示数据库信息,因此在本文中我们仅关注将DataGrid绑定至DatareaderDatareader类似于传统ADO/ASP中顺序的(forward-only)记录集。(如需了解在ADO.Net中读取数据库结果至Datareaders中,请阅读Efficiently Iterating Through Results from a Database Query using ADO.NET )

那么如何将数据绑定至DataGrid?其实出奇的简单。第一件事是提取数据库数据至datareader.对于本例,我使用ASPFAQs.com数据库,并且提取最受欢迎的10个问题。一旦将数据提取至datareader,datareader绑定至DataGrid只需两行代码。第一行将DataGridDatasource属性设置为Datareader;第二行调用DataGridDataBind方法,代码如下所示:

 

<% @Import Namespace="System.Data" %>
<% @Import Namespace="System.Data.SqlClient" %>
<script language="vb" runat="server">
  Sub Page_Load(sender as Object, e as EventArgs)
    BindData()
  End Sub 
   
  Sub BindData()
    '1. Create a connection
    Dim myConnection as New SqlConnection(
          ConfigurationSettings.AppSettings("connectionString"))

    '2. Create the command object, passing in the SQL string
    Const strSQL as String = "sp_Popularity"
    Dim myCommand as New SqlCommand(strSQL, myConnection)

    'Set the datagrid's datasource to the datareader and databind
    myConnection.Open()
    dgPopularFAQs.DataSource = myCommand.ExecuteReader(
                              CommandBehavior.CloseConnection)
    dgPopularFAQs.DataBind()
  End Sub
</script>

<asp:datagrid id="dgPopularFAQs" runat="server" />

运行结果如下:

Simple DataGrid Demo

This demo shows how to bind the results of a query to an unformatted DataGrid. 

 

FAQID

Description

ViewCount

SubmittedByName

Submitted

ByEmail

Date

Entered

CatName

144

Where can I host my ASP Web site for free (similar to GeoCities or Tripod or any of the many other free Web site sites)?

161056

Scott Mitchell

mitchell@4guysfromrolla.com

3/20/2001 2:53:45 AM

Getting Started

181

How can I format numbers and date/times using ASP.NET? For example, I want to format a number as a currency.

123888

Scott Mitchell

mitchell@4guysfromrolla.com

1/19/2002 3:12:07 PM

ASP.NET

 

 

 

 

 

 

 

首先注意用于编写数据绑定的代码数量不多。我们创建一个连接,指定一个SQL命令(这里使用一个存储过程,sp_Popularity),打开数据库连接,设定DataGridDataSource属性为Datareader,最后调用DataGridDataBind方法。这种做法完全将代码从内容分离,没有像在传统ASP中混合HTML表格和DataReader输出的语法。

花些时间看一下运行结果。你会发现DataGrid使用HTML表格显示数据库内容,尽管并不美观。虽然我们完成了显示数据这一主要工作,但用户界面方面还有很多工作。幸运的是美化DataGrid的结果出奇的简单。遗憾的是需要等到下一篇文章中作介绍。

 

总结

这是一系列关于DataGrid使用文章的一部分,我们研究了DataGrid最基本的功能:熟悉ASP.Net Web页面和显示绑定数据库结果。遗憾的是DataGrid的输出并不美观。但是我们不久会看到美化DataGrid的结果很简单。另外我们还将会在接下来的文章中看到更多用户界面的高级选项,如数据库结果的分页显示,DataGrid结果的排序和其它功能。

 

DataGrid Web控件深度历险

DataGrid Web控件深度历险  这篇文章是一系列关于使用DataGrid Web控件文章的第三篇。ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中,并且功能强大。...
  • heimaoxiaozi
  • heimaoxiaozi
  • 2007年09月06日 15:36
  • 815

delphi深度历险这书真的不错.

http://www.iis.sinica.edu.tw/~cychen/index_c.html  这里下载先要感谢作者无私的公开全部内容! 还期盼看到他写更多的好书语言很顺,虽然是繁体(作者为台湾...
  • aca_jingru
  • aca_jingru
  • 2008年06月21日 17:05
  • 841

DataGrid Web控件深度历险(3) part2

点击按钮时让一些事情发生现在已将按钮添加到DataGrid中了,我们希望将服务器端的代码与按钮关联起来,这样当按钮被点击时可发生一些动作。在认识到DataGrid中的ButtonColumn按钮被点击...
  • chinapro
  • chinapro
  • 2004年03月31日 11:39
  • 873

DataGrid Web控件深度历险(3) part3

在本文第二部分我们研究了如何通过ButtonColumn标记在DataGrid中显示按钮。此外,我们考察了如何将事件处理程序与按钮的点击联系起来。下面我们将了解到如何判断DataGrid中哪一行的按钮...
  • chinapro
  • chinapro
  • 2004年04月05日 23:24
  • 876

DataGrid Web控件深度历险(3) part1

这篇文章是一系列关于使用DataGrid Web控件文章的第三篇。ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中,并且功能强大。在第一篇文章中我们讨论了DataGrid...
  • chinapro
  • chinapro
  • 2004年03月31日 11:39
  • 1044

DataGrid Web控件深度历险(2) Part2

在本文的第一部分,我们研究了如何设定DataGrid Web控件的显示属性以及如何通过样式设定DataGrid的页眉、页脚、行和交替行的显示。所有这些技术或是用于设定整个DataGrid的显示,或是用...
  • chinapro
  • chinapro
  • 2004年03月22日 16:15
  • 944

DataGrid Web控件深度历险(2) Part1

 导言在第一部分我们研究了DataGrid的基本功能,它可在HTML表格中显示数据。在第一部分我么说明了将数据库内容绑定至DataGrid是非常简单的,我们所要做的就是通过SQL查询来生成一个Data...
  • chinapro
  • chinapro
  • 2004年03月22日 16:15
  • 984

【mybatis深度历险系列】mybatis中的动态sql

在前面的博文中,小编主要简单的介绍了mybatis中的输入和输出映射,并且通过demo简单的介绍了输入映射和输出映射,今天这篇博文,小编主要来简单的介绍一下mybatis中的动态sql,有的小伙伴会问...
  • u010850027
  • u010850027
  • 2016年08月23日 10:58
  • 1880

【mybatis深度历险系列】mybatis的框架原理+入门程序解析

在前面的博文中,小编介绍了springmvc的相关知识点,在今天这篇博文中,小编将介绍一下mybatis的框架原理,以及mybatis的入门程序,实现用户的增删改查,她有什么优缺点以及mybatis和...
  • u010850027
  • u010850027
  • 2016年08月03日 00:00
  • 2794

【mybatis深度历险系列】深入浅出mybatis中原始dao的开发和mapper代理开发

使用Mybatis开发Dao,通常有两个方法,即原始Dao开发方法和Mapper接口开发方法。mybatis在进行dao开发的时候,涉及到三姐妹,分别是SqlSessionFactoryBuilder...
  • u010850027
  • u010850027
  • 2016年08月06日 00:06
  • 1893
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid Web控件深度历险(1)
举报原因:
原因补充:

(最多只允许输入30个字)