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

首先我們先進(jìn)行一個(gè)知識(shí)點(diǎn)歸納：
數(shù)據(jù)源控件：用于實(shí)現(xiàn)從不同數(shù)據(jù)源獲取數(shù)據(jù)的功能，可以設(shè)置連接信息、查詢信息、參數(shù)和行為，可以消除ASP.NET中要求的大量的重復(fù)性代碼。
數(shù)據(jù)綁定控件：只負(fù)責(zé)管理與實(shí)際數(shù)據(jù)存儲(chǔ)源的連接，并不能呈現(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)簡(jiǎn)介：以表的形式顯示數(shù)據(jù)，每一列代表一個(gè)字段，每一行代表一個(gè)記錄。可配合數(shù)據(jù)源控件對(duì)數(shù)據(jù)庫(kù)進(jìn)行瀏覽、編輯、刪除等操作。
(2)使用GridView控件實(shí)現(xiàn)信息顯示
步驟一：新建頁(yè)面文件GridView.aspx。
步驟二：添加數(shù)據(jù)源控件。切換到“設(shè)計(jì)”視圖，將工具箱“數(shù)據(jù)”選項(xiàng)卡中的ObjectDataSourse控件拖放到頁(yè)面中，單擊右上角的小三角按鈕，在彈出的列表中選擇“配置數(shù)據(jù)源”選項(xiàng)。在接下彈出的對(duì)話框中，選擇“選擇業(yè)務(wù)對(duì)象”
下拉菜單中的“chuli.newschuli.cs”，選項(xiàng)，單擊下一步“選擇方法”。
步驟三：添加GridView控件。單擊GridView右上角的小三角按鈕，在“選擇數(shù)據(jù)源”下拉表中選擇之前創(chuàng)建的數(shù)據(jù)源，將數(shù)據(jù)源綁定到GridView控件。在newschuli.cs頁(yè)面中編寫代碼如下：

 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右上角的小三角按鈕，選擇“自動(dòng)套用格式”進(jìn)行設(shè)置。(居中對(duì)齊：HorizontalAlign設(shè)置為center)
步驟五：自定義GridView控件顯示列，與數(shù)據(jù)庫(kù)相聯(lián)系。(小提示：在設(shè)置屬性的時(shí)候，應(yīng)將復(fù)選框前面的“√”，否則顯示的信息將重復(fù)出現(xiàn)，影響頁(yè)面美觀。)
步驟六：?jiǎn)⒂梅猪?yè)，在GridView任務(wù)菜單欄中，選中“啟用分頁(yè)”或是將GridView的AllowPaging屬性改成True。

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

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

運(yùn)行效果圖：

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

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

最新評(píng)論