ASP.NET的GridView控件使用
在本文中，將一步步以實(shí)際例子為讀者介紹ASP.NET 2.0中ASP.NET 2.0控件的簡單使用。
在ASP.NET 2.0中，加入了許多新的功能和控件，相比asp.net 1.0/1.1，在各方面都有了很大的提高。其中，在數(shù)據(jù)控件方面，增加了不少控件，其中的ASP.NET 2.0控件功能十分強(qiáng)大。在本文中，將一步步以實(shí)際例子為讀者介紹ASP.NET 2.0中ASP.NET 2.0控件的簡單使用。
用過asp.net 1.0/1.1的朋友或者也感覺到，其中的datagrid控件功能是十分強(qiáng)大而且實(shí)用的，但隨之而來的問題是，感覺在操作上依然不大方便，比如要用ado.net寫數(shù)據(jù)的連接，綁定datagrid，編輯，刪除，新增數(shù)據(jù)等都要不少代碼來實(shí)現(xiàn)。在asp.net 2.0中，對datagrid還是支持的，但新增的ASP.NET 2.0控件更能吸引人，而且功能絲毫不遜色于datagrid,更加方便，寫的代碼更少了。
我們先以visual studio express 2005 beta 1來看下ASP.NET 2.0控件的樣子，可以在工具箱的data控件頁中找到它，如下圖：
首先，我們用visual studio express 2005 beta 1 新建一個(gè)站點(diǎn)，之后將工具欄中的sqldatasource控件拖拉到窗口中。Sqldatasource是個(gè)數(shù)據(jù)源控件，使用它可以很方便地配置數(shù)據(jù)源，建立數(shù)據(jù)連接，幾乎不需要寫代碼。我們使用SQL SERVER 2000中的Northwind數(shù)據(jù)庫，所以我們可以點(diǎn)選在拖拉該控件時(shí)，右邊出現(xiàn)的"configure datasource"就可以了，如下圖：
之后，點(diǎn)New按鈕，建立一個(gè)新的數(shù)據(jù)連接。在本文中，我們選擇localhost本地服務(wù)器，使用Windows集成認(rèn)證，并選擇使用Northwind數(shù)據(jù)庫，之后再點(diǎn)擊Test connection按鈕，以測試連接是否成功，成功的話，點(diǎn)"OK"完成
接下，會看到如下圖的顯示關(guān)于數(shù)據(jù)連接詳細(xì)情況的窗口，點(diǎn)選NEXT到下一步
之后，在彈出的窗口中，詢問是否保存數(shù)據(jù)連接字符串到web.config文件中，如果選擇保存，每次到要使用數(shù)據(jù)連接串時(shí)，只需要引用其名稱就可以了，在本文中，我們將其命名為northwindconn。實(shí)際上，我們此時(shí)查看web.config文件，會發(fā)現(xiàn)有如下代碼：
- 〈configuration
- xmlns=
- "http://schemas.microsoft.com/
- .NetConfiguration/v2.0"〉
- 〈appSettings/〉
- 〈connectionStrings〉
- 〈add name="NorthWindConn"
- connectionString="Server=(local);
- Integrated Security=True;
- Database=Northwind;Persist Security Info=True"
- providerName="System.Data.SqlClient" /〉
- 〈/connectionStrings〉...
接著，點(diǎn)"NEXT"到下一步，
#p#
此時(shí)，你可以選擇要顯示的列，如下圖：
點(diǎn)"next"到下一步，此時(shí)可以看到系統(tǒng)為你自動生成的sql語句，最后點(diǎn)"FINISH"結(jié)束操作。
這樣，已經(jīng)建立好數(shù)據(jù)連接了，我們可以切換到代碼視圖，查看剛才系統(tǒng)創(chuàng)建的代碼如下，其中請注意對connectionstring的引用格式。
- 〈asp:SqlDataSource ID="SqlDataSource1"
- Runat="server"
- SelectCommand="SELECT [ProductID],
- [ProductName], [SupplierID],
- [CategoryID], [QuantityPerUnit],
- [UnitPrice] FROM
- [Alphabetical list of products]"
- ConnectionString="
- 〈%$ ConnectionStrings: NorthWindConn %〉"〉
- 〈/asp:SqlDataSource〉
第二步要做的是，將ASP.NET 2.0控件和sqldatasource控件綁定。先拖拉一個(gè)ASP.NET 2.0控件到設(shè)計(jì)窗口中，并且在選擇sqldatasource1做為它的數(shù)據(jù)源，并且將Enable paging,Enable sorting,Enable selection等三個(gè)選擇框都選擇，之后我們就可以馬上看到其效果了，如下圖
最后，運(yùn)行程序，可以看到運(yùn)行的效果了。
接下來，我們學(xué)習(xí)如何編輯和刪除數(shù)據(jù)。這時(shí)我們要用到UpdateCommand 和 DeleteCommand兩個(gè)屬性，分別指明更新數(shù)據(jù)和刪除數(shù)據(jù)要用到的sql語句，要修改sqldatasource的代碼如下：
- 〈asp:SqlDataSource ID="SqlDataSource1"
- Runat="server"
- SelectCommand="SELECT [ProductID],
- [ProductName], [SupplierID], [CategoryID],
- [QuantityPerUnit], [UnitPrice] FROM
- [Alphabetical list of products]"
- ConnectionString="
- 〈%$ ConnectionStrings:NorthWindConn %〉"
- UpdateCommand="UPDATE Products SET
- ProductName = @ProductName,
- SupplierID= @SupplierID,
- CategoryID =@CategoryID ,
- QuantityPerUnit = @QuantityPerUnit ,
- UnitPrice = CONVERT(money,@UnitPrice)
- WHERE ProductID=@ProductID"
- DeleteCommand="DELETE FROM Products
- WHERE ProductID=@ProductID"〉
- 〈/asp:SqlDataSource〉
運(yùn)行程序，效果如下圖：
最后，我們再來看一個(gè)叫detailviews的數(shù)據(jù)控件，它與ASP.NET 2.0控件的用法類似，但不 同的是，每次只顯示一條記錄。將工具欄中的detailviews控件拖拉到設(shè)計(jì)窗體中，并設(shè)置其數(shù)據(jù)源為sqldatasource1,并選擇其分頁的選擇框，如下圖：
而如何往ASP.NET 2.0中插入一條新記錄呢？在beta 1版本中，ASP.NET 2.0暫時(shí)不提供自動增加的功能，但可以通過其他方法實(shí)現(xiàn)，比如，在sqldatasource的代碼中使用insertcommand屬性，代碼如下：
- 〈asp:SqlDataSource ID="SqlDataSource1"
- Runat="server"
- SelectCommand="SELECT [ProductID],
- [ProductName], [SupplierID], [CategoryID],
- [QuantityPerUnit], [UnitPrice] FROM [Products]"
- ConnectionString="
- 〈%$ ConnectionStrings:NorthWindConn %〉"
- UpdateCommand="UPDATE Products SET
- ProductName = @ProductName,
- SupplierID= @SupplierID,
- CategoryID = @CategoryID ,
- QuantityPerUnit = @QuantityPerUnit ,
- UnitPrice = CONVERT(money,@UnitPrice)
- WHERE (ProductID=@ProductID)"
- DeleteCommand="DELETE FROM Products
- WHERE ProductID=@ProductID"
- InsertCommand="INSERT INTO Products
- (ProductName, SupplierID, CategoryID,
- QuantityPerUnit, UnitPrice) VALUES
- (@ProductName, @SupplierID, @CategoryID,
- @QuantityPerUnit,CONVERT(money,@UnitPrice))"〉
- 〈/asp:SqlDataSource〉
當(dāng)完成上面的代碼后，detailviews控件的自動智能感知提示，會顯示enable inserting的選擇框，只需要勾選該選擇框就可以新增記錄了，效果如下圖：
本文簡單對ASP.NET 2.0中的ASP.NET 2.0控件及其基本用法做了介紹，相信在正式版的vs.net 2005中，ASP.NET 2.0控件將有更大的改進(jìn)。
【編輯推薦】
