到目前为止，我几乎在每一个我参加过的商业c#.net工程中使用了datagrid控件；因此，当我第一次听到有关于gridview是如何提高工作效率时，我飞快地试用了它。datagrid和gridview都是asp.net 2.0中提供的新的控件类，它们允许你快速容易地显示表格式数据；并且当在线观看它们时，它们都能被转换为客户端html表格进行显示。
一. 简介
这是系列文章的第一篇。在本篇中，我们将通过一个简单的网上商店示例程序来集中讨论gridview控件的一些用法。注意，在每一篇文章中我们都使用相同的源文件。为了观察本文示例演示效果，你只需要把下载内容解压到你的web服务器上一个新的目录并浏览到该目录名即可。例如，如果你把所有的内容解压到一个你的web服务器根目录下的目录"gridviewshop"，并导航到这个目录：
http://www.yourserver.com/gridviewshop
如果一切顺利，那么你应该会看到一个如下图1所示的站点：
图1.本系列文章网上商店演示程序快照。
二. gridview
如果你已经使用datagrid实现了你的系统，包括你自己的定制分页与排序方案，那么，你真正不需要考虑更新到gridview；因为从终端效果来看，它们都生成相同的内容(都生成一个html表格)。然而，如果你刚开始开发一个新的系统，那么，我建议你使用gridview，特别是如果你想利用它内置的分页与排序功能的话。
通过在设计时刻设置各种属性，你可以控制gridview从外观到功能等若干方面。在本系列文章后面，我们将会更为深入地探讨这些方面，通过把一些css类指派给表格行和表格列头；当然，还要添加一些事件处理器以便允许用户与每一行数据进行交互。
填充gridview类似于填充一个datagrid。你只需创建datasource，然后使用如下代码把它绑定到gridview即可：mygridview.datasource = yourdatasource;
mygridview.databind();
当然，借助于.net 2.0，你还有另一种选择，那就是创建一个sqldatasource并把gridview直接绑定到其上。这是通过设置它的datasourceid以匹配你指派给sqldatasource的id实现的，即是：＜!--使用mysqldatasource的id创建sqldatasource--＞
＜asp:sqldatasource
id="mysqldatasource"
runat="server"
datasourcemode="datareader"
connectionstring="＜%$ connectionstrings:mynorthwind%＞"
selectcommand="select lastname from employees"＞
＜/asp:sqldatasource＞
＜!--创建gridview并且指派它的datasourceid以匹配上面的mysqldatasource--＞
＜asp:gridview
id="mygridview"
runat="server"
autogeneratecolumns="true"
datasourceid="mysqldatasource"/＞
作为个人，我并不太看重这种方法，尽管它是微软推荐的建立你的gridview的方法。我比较喜欢更多地控制我的datasource；因为，这样以来我能够手工过滤它的内容甚至更多，这也正是为什么我在这个商店演示程序中没有使用这个方法的原因。
好，下面让我们继续讨论构建本文中的商店演示程序。其大致情况是，在一个页面上存在两个gridviews；你在前面已经看到这个图像。一个gridview用于显示我们的商店的产品，而其它的内容对应于购物篮。你能够容易地把这两部分拆分到它们各自的页面中，但是为了简化起见，我们把这些内容放到了一起。
如果你打开default.aspx（它包括在本文相应的zip源码文件中），你能够看到这个页面是如何建立的。大多数html仅仅用于实现包装之目的；需要注意的是，位于页面顶部的声明以及主＜form＞标签和位于其内的＜gridview＞标签。
三. 页面声明＜%@ page inherits="shop.site" src="cs/site.aspx.cs" %＞
该页面声明简单地告诉我们的页面它属于什么命名空间和类。在这个例子中，我们的命名空间是"shop"而我们的类是"site"。还存在一个称为"src"的额外属性定义，它指向包含该站点类的普通的.cs文本文件。
我通常在开发期间，把我的类放在外部.cs文件中，并把它们手工地编译成.dll文件。当我使用visual studio时，在开发期间，我总是习惯使用预编译的dll，因为稍后，只需要一个简单的构建即可以生成它们。一旦我完成了相应的工作，我都会把该类构建成预编译的dll；但是，在开发期间，我比较喜欢把较多的时间花费在编码方面而不是编译上。
四. 构建数据
| ＜asp:gridview id="gvbasket" autogeneratecolumns="false" showheader="true" showfooter="true" datakeynames="id" onrowdatabound="gvbasket_rowdatabound" runat="server"＞ ＜columns＞ ＜asp:imagefield dataimageurlfield="thumb" alternatetext="product thumbnail" readonly="true" /＞ ＜asp:templatefield headertext="item"＞ ＜itemtemplate＞ ＜h3＞＜asp:literal id="lititemname" runat="server" /＞＜/h3＞ ＜/itemtemplate＞ ＜footertemplate＞ ＜a href="delivery-costs.aspx" title="view the list of delivery charges"＞delivery charges＜/a＞ ＜br /＞＜hr /＞ ＜b＞total＜/b＞ ＜/footertemplate＞ ＜/asp:templatefield＞ ＜/columns＞ ＜/asp:gridview＞ |
| protected void gvbasket_rowdatabound(object sender， gridviewroweventargs e) { switch( e.row.rowtype ) { case datacontrolrowtype.datarow: //名称/描述 ((literal)e.row.findcontrol("lititemname")).text = convert.tostring(((datarowview)e.row.dataitem)["name"]); //数量 string quantity = convert.tostring(((datarowview)e.row.dataitem)["quantity"]); ((htmlinputtext)e.row.findcontrol("itproductquantity")).value = quantity; //价格 ((literal)e.row.findcontrol("litprice")).text = string.format("{0:c2}"， convert.todouble(((datarowview)e.row.dataitem)["price"]) * convert.toint32(quantity)); break; case datacontrolrowtype.footer: datatable dtshop = getbasketdt(); double total = 0.00; for(int i = 0; i ＜ dtshop.rows.count; i++) { total += convert.toint32(dtshop.rows[i]["quantity"]) * convert.todouble(dtshop.rows[i]["price"]); } ((literal)e.row.findcontrol("littotalquantity")).text = convert.tostring(dtshop.compute("sum(quantity)"， "")); ((literal)e.row.findcontrol("litdeliveryprice")).text = string.format("{0:c2}"， convert.todouble(calcdeliverycost(total))); ((literal)e.row.findcontrol("littotalprice")).text = string.format("{0:c2}"， convert.todouble(calcdeliverycost(total)) + total); break; } } |
新闻热点
疑难解答
图片精选
