ASP.Net2.0控制項-GridView(1基本介紹)

　　在ASP.NET 2.0中，加入了許多新的功能和控制項，相比asp.net 1.0/1.1，在各方面都有了很大的提高。其中，在資料控制項方面，增加了不少控制項，其中的gridview控制項功能十分強大。在本文中，將一步步以實際例子為讀者介紹asp.ne 2.0中gridview控制項的簡單使用。

　　用過asp.net 1.0/1.1的朋友或者也感覺到，其中的datagrid控制項功能是十分強大而且實用的，但隨之而來的問題是，感覺在操作上依然不大方便，比如要用ado.net寫資料的串連，綁定datagrid，編輯，刪除，新增資料等都要不少代碼來實現。在asp.net 2.0中，對datagrid還是支援的，但新增的gridview控制項更能吸引人，而且功能絲毫不遜色於datagrid,更加方便，寫的代碼更少了。我們先以visual studio express 2005 beta 1來看下gridview控制項的樣子，可以在工具箱的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"到下一步，

此時，你可以選擇要顯示的列，如：        　　點"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＞

　　第二步要做的是，將gridview控制項和sqldatasource控制項綁定。先拖拉一個gridview控制項到設計視窗中，並且在選擇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的資料控制項，它與gridview控制項的用法類似，但不 同的是，每次只顯示一條記錄。將工具列中的detailviews控制項拖拉到設計表單中，並設定其資料來源為sqldatasource1,並選擇其分頁的選擇框，如：

　　而如何往gridview中插入一條新記錄呢？在beta 1版本中，gridview暫時不提供自動增加的功能，但可以通過其他方法實現，比如，在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中的gridview控制項及其基本用法做了介紹，相信在正式版的vs.net 2005中，gridview控制項將有更大的改進。