本節(jié)的學(xué)習(xí)內(nèi)容是新聞列表的實現(xiàn)，使用分頁功能一個頁面顯示4條新聞。在新聞顯示頁面，添加一個字段“刪除”，運行時，單擊該行的“刪除按鈕時”，彈出“確認刪除此信息？”的提示信息，當按確定按鈕時刪除該行的信息，按取消按鈕時不執(zhí)行刪除操作。

首先我們先進行一個知識點歸納：
數(shù)據(jù)源控件：用于實現(xiàn)從不同數(shù)據(jù)源獲取數(shù)據(jù)的功能，可以設(shè)置連接信息、查詢信息、參數(shù)和行為，可以消除ASP.NET中要求的大量的重復(fù)性代碼。
數(shù)據(jù)綁定控件：只負責(zé)管理與實際數(shù)據(jù)存儲源的連接，并不能呈現(xiàn)任何用戶界面。
名稱 數(shù)據(jù)源控件                   數(shù)據(jù)綁定控件
1  SqlDataSourse                     GridView
2  AccessDataSourse            DetailsView
3  ObjectDataSourse              FromView
4  XmlDataSourse                     Repeater
5  SiteMapDataSourse                DataList

學(xué)習(xí)任務(wù)：學(xué)習(xí) GridView控件
(1)簡介：以表的形式顯示數(shù)據(jù)，每一列代表一個字段，每一行代表一個記錄?？膳浜蠑?shù)據(jù)源控件對數(shù)據(jù)庫進行瀏覽、編輯、刪除等操作。
(2)使用GridView控件實現(xiàn)信息顯示
步驟一：新建頁面文件GridView.aspx。
步驟二：添加數(shù)據(jù)源控件。切換到“設(shè)計”視圖，將工具箱“數(shù)據(jù)”選項卡中的ObjectDataSourse控件拖放到頁面中，單擊右上角的小三角按鈕，在彈出的列表中選擇“配置數(shù)據(jù)源”選項。在接下彈出的對話框中，選擇“選擇業(yè)務(wù)對象”
下拉菜單中的“chuli.newschuli.cs”，選項，單擊下一步“選擇方法”。
步驟三：添加GridView控件。單擊GridView右上角的小三角按鈕，在“選擇數(shù)據(jù)源”下拉表中選擇之前創(chuàng)建的數(shù)據(jù)源，將數(shù)據(jù)源綁定到GridView控件。在newschuli.cs頁面中編寫代碼如下：

 private SqlConnection conn;
   public DataSet findallnews()
   {
     conn = dbconn.GetConnection();
     conn.Open();
     SqlDataAdapter sda = new SqlDataAdapter("select * from news", conn);
     DataSet ds = new DataSet();
     sda.Fill(ds);     
     return ds;
   }

注意：添加引用和命名空間
步驟四：設(shè)置GridView控件的外觀。單擊GridView右上角的小三角按鈕，選擇“自動套用格式”進行設(shè)置。(居中對齊：HorizontalAlign設(shè)置為center)
步驟五：自定義GridView控件顯示列，與數(shù)據(jù)庫相聯(lián)系。(小提示：在設(shè)置屬性的時候，應(yīng)將復(fù)選框前面的“√”，否則顯示的信息將重復(fù)出現(xiàn)，影響頁面美觀。)
步驟六：啟用分頁，在GridView任務(wù)菜單欄中，選中“啟用分頁”或是將GridView的AllowPaging屬性改成True。

(3)使用GridView控件實現(xiàn)信息的編輯與刪除
步驟一：數(shù)據(jù)源控件定義數(shù)據(jù)的方法，在newschuli.cs頁面中編寫代碼如下：

public static void deletenews (newsclass news1)
    {
      using ( SqlConnection cn = dbconn.GetConnection())
      {
        cn.Open();
        SqlCommand cm = new SqlCommand();
        cm.Connection = cn;
        string sql = "delete from news where ID=@qq";
        cm.CommandText = sql;
        cm.Parameters.AddWithValue("@qq", news1.ID);
        cm.ExecuteNonQuery();
      }
    }

步驟二：設(shè)置DataKeyNames屬性為id。
步驟三：添加編輯列與刪除列。打開GridView任務(wù)菜單中，選擇“編輯列”
命令打開“字段”對話框，在左上方“可用字段”列表中將CommandFired前的“+”號展開，分別選擇“編輯、更新、取消”選項與“刪除”按鈕，單擊“確定”即可。
步驟四：設(shè)置模版列。數(shù)據(jù)綁定控件的模板列可用于顯示用戶自定義內(nèi)容。
實例一：輸入非空驗證
Step1：打開“字段”對話框，選擇“新聞標題”選項。單機右下方“將此段轉(zhuǎn)換為TemplateFired”超鏈接將其轉(zhuǎn)換為模版列。
Step2：打開GridView任務(wù)菜單中，選擇“編輯模板”進入，向EditItemTemplate模板項設(shè)置一個數(shù)據(jù)驗證控件RequiredFiredValidator,實現(xiàn)非空驗證。
實例二：刪除前加上一個確認刪除的對話框
Step1：打開“字段”對話框，選擇“刪除”選項。 單擊右下方“將此段轉(zhuǎn)換為TemplateFired”超鏈接將其轉(zhuǎn)換為模版列。
Step2：添加一個客戶端事件OnClientClick,編寫 JavaScript腳本：OnClientClick="return confirm('確認要刪除嗎')"

運行效果圖：

總結(jié)
之前介紹了ASP.NET數(shù)據(jù)訪問技術(shù)中的ADO.NET對象，今天則學(xué)習(xí)的是數(shù)據(jù)綁定技術(shù)，使用該技術(shù)可以是Web應(yīng)用程序輕松地與數(shù)據(jù)庫進行交互。

今天主要了解了 GridView以及ObjectDataSourse兩大控件，希望對大家熟練掌握這兩個控件有所幫助。

最新評論