这篇文章是一系列关于使用datagrid web控件文章的第一部分。asp.net datagrid web控件可将数据库信息显示在html表格中，并且功能强大。在最简单的情形下datagrid显示html表格框架，但是它可被增强以显示丰富的用户界面，可根据数据库的列进行排序，甚至允许对数据库结果进行分页！所有这些有趣的主题将在今后一系列文章中涉及。
　　
　　从数据库中获取表格信息并将其显示在一个html表格中是传统asp编程中最普通的任务之一。在传统asp编程中需要通过多行交织的html和代码实现上述功能。下面的原形代码显示了这些代码通常的形式。
　　
　　create database connection
　　populate a recordset based on some sql query
　　output the html table header (<table ...>)
　　loop through the recordset
　　emit the html for a table row
　　...
　　emit the html table footer (</table>)
　　
　　如果你是一个asp开发人员，你也许多次编写了上述代码。asp.net的优点之一就是它包含很多web控件。这些产生html的web控件提供了一个可编程的接口，它允许开发人员将代码和内容分离，并在代码中将产生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事件处理程序中（该事件处理程序在每次页面装载时被调用）lblmessage的text属性被设置为”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绑定至datareader。datareader类似于传统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只需两行代码。第一行将datagrid的datasource属性设置为datareader；第二行调用datagrid的databind方法，代码如下所示：
　　
　　<% @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[来源www.iocblog.net]
　　asp.net
　　
　　…
　　
　　首先注意用于编写数据绑定的代码数量不多。我们创建一个连接，指定一个sql命令(这里使用一个存储过程，sp_popularity)，打开数据库连接，设定datagrid的datasource属性为datareader，最后调用datagrid的databind方法。这种做法完全将代码从内容分离，没有像在传统asp中混合html表格和datareader输出的语法。
　　
　　花些时间看一下运行结果。你会发现datagrid使用html表格显示数据库内容，尽管并不美观。虽然我们完成了显示数据这一主要工作，但用户界面方面还有很多工作。幸运的是美化datagrid的结果出奇的简单。遗憾的是需要等到下一篇文章中作介绍。
　　
　　总结
　　
　　这是一系列关于datagrid使用文章的一部分，我们研究了datagrid最基本的功能:熟悉asp.net web页面和显示绑定数据库结果。遗憾的是datagrid的输出并不美观。但是我们不久会看到美化datagrid的结果很简单。另外我们还将会在接下来的文章中看到更多用户界面的高级选项，如数据库结果的分页显示，datagrid结果的排序和其它功能。
　　[来源www.iocblog.net]

Tag: DataGrid ,Web控件

文章整理：iocblog
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。