ASP.NET的GridView控件使用
在本文中,將一步步以實際例子為讀者介紹ASP.NET 2.0中ASP.NET 2.0控件的簡單使用。
在ASP.NET 2.0中,加入了許多新的功能和控件,相比asp.net 1.0/1.1,在各方面都有了很大的提高。其中,在數據控件方面,增加了不少控件,其中的ASP.NET 2.0控件功能十分強大。在本文中,將一步步以實際例子為讀者介紹ASP.NET 2.0中ASP.NET 2.0控件的簡單使用。
用過asp.net 1.0/1.1的朋友或者也感覺到,其中的datagrid控件功能是十分強大而且實用的,但隨之而來的問題是,感覺在操作上依然不大方便,比如要用ado.net寫數據的連接,綁定datagrid,編輯,刪除,新增數據等都要不少代碼來實現。在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 新建一個站點,之后將工具欄中的sqldatasource控件拖拉到窗口中。Sqldatasource是個數據源控件,使用它可以很方便地配置數據源,建立數據連接,幾乎不需要寫代碼。我們使用SQL SERVER 2000中的Northwind數據庫,所以我們可以點選在拖拉該控件時,右邊出現的"configure datasource"就可以了,如下圖:
之后,點New按鈕,建立一個新的數據連接。在本文中,我們選擇localhost本地服務器,使用Windows集成認證,并選擇使用Northwind數據庫,之后再點擊Test connection按鈕,以測試連接是否成功,成功的話,點"OK"完成
接下,會看到如下圖的顯示關于數據連接詳細情況的窗口,點選NEXT到下一步
之后,在彈出的窗口中,詢問是否保存數據連接字符串到web.config文件中,如果選擇保存,每次到要使用數據連接串時,只需要引用其名稱就可以了,在本文中,我們將其命名為northwindconn。實際上,我們此時查看web.config文件,會發現有如下代碼:
- 〈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〉...
接著,點"NEXT"到下一步,
#p#
此時,你可以選擇要顯示的列,如下圖:
點"next"到下一步,此時可以看到系統為你自動生成的sql語句,最后點"FINISH"結束操作。
這樣,已經建立好數據連接了,我們可以切換到代碼視圖,查看剛才系統創建的代碼如下,其中請注意對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控件綁定。先拖拉一個ASP.NET 2.0控件到設計窗口中,并且在選擇sqldatasource1做為它的數據源,并且將Enable paging,Enable sorting,Enable selection等三個選擇框都選擇,之后我們就可以馬上看到其效果了,如下圖
最后,運行程序,可以看到運行的效果了。
接下來,我們學習如何編輯和刪除數據。這時我們要用到UpdateCommand 和 DeleteCommand兩個屬性,分別指明更新數據和刪除數據要用到的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〉
運行程序,效果如下圖:
最后,我們再來看一個叫detailviews的數據控件,它與ASP.NET 2.0控件的用法類似,但不 同的是,每次只顯示一條記錄。將工具欄中的detailviews控件拖拉到設計窗體中,并設置其數據源為sqldatasource1,并選擇其分頁的選擇框,如下圖:
而如何往ASP.NET 2.0中插入一條新記錄呢?在beta 1版本中,ASP.NET 2.0暫時不提供自動增加的功能,但可以通過其他方法實現,比如,在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〉
當完成上面的代碼后,detailviews控件的自動智能感知提示,會顯示enable inserting的選擇框,只需要勾選該選擇框就可以新增記錄了,效果如下圖:
本文簡單對ASP.NET 2.0中的ASP.NET 2.0控件及其基本用法做了介紹,相信在正式版的vs.net 2005中,ASP.NET 2.0控件將有更大的改進。
【編輯推薦】