本節(jié)的學(xué)習(xí)內(nèi)容是新聞列表的實(shí)現(xiàn),使用分頁功能一個(gè)頁面顯示4條新聞。在新聞顯示頁面,添加一個(gè)字段“刪除”,運(yùn)行時(shí),單擊該行的“刪除按鈕時(shí)”,彈出“確認(rèn)刪除此信息?”的提示信息,當(dāng)按確定按鈕時(shí)刪除該行的信息,按取消按鈕時(shí)不執(zhí)行刪除操作。
首先我們先進(jìn)行一個(gè)知識點(diǎn)歸納:
數(shù)據(jù)源控件:用于實(shí)現(xiàn)從不同數(shù)據(jù)源獲取數(shù)據(jù)的功能,可以設(shè)置連接信息、查詢信息、參數(shù)和行為,可以消除ASP.NET中要求的大量的重復(fù)性代碼。
數(shù)據(jù)綁定控件:只負(fù)責(zé)管理與實(shí)際數(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ù),每一列代表一個(gè)字段,每一行代表一個(gè)記錄。可配合數(shù)據(jù)源控件對數(shù)據(jù)庫進(jìn)行瀏覽、編輯、刪除等操作。
(2)使用GridView控件實(shí)現(xiàn)信息顯示
步驟一:新建頁面文件GridView.aspx。
步驟二:添加數(shù)據(jù)源控件。切換到“設(shè)計(jì)”視圖,將工具箱“數(shù)據(jù)”選項(xiàng)卡中的ObjectDataSourse控件拖放到頁面中,單擊右上角的小三角按鈕,在彈出的列表中選擇“配置數(shù)據(jù)源”選項(xiàng)。在接下彈出的對話框中,選擇“選擇業(yè)務(wù)對象”
下拉菜單中的“chuli.newschuli.cs”,選項(xiàng),單擊下一步“選擇方法”。
步驟三:添加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右上角的小三角按鈕,選擇“自動(dòng)套用格式”進(jìn)行設(shè)置。(居中對齊:HorizontalAlign設(shè)置為center)
步驟五:自定義GridView控件顯示列,與數(shù)據(jù)庫相聯(lián)系。(小提示:在設(shè)置屬性的時(shí)候,應(yīng)將復(fù)選框前面的“√”,否則顯示的信息將重復(fù)出現(xiàn),影響頁面美觀。)
步驟六:啟用分頁,在GridView任務(wù)菜單欄中,選中“啟用分頁”或是將GridView的AllowPaging屬性改成True。
(3)使用GridView控件實(shí)現(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前的“+”號展開,分別選擇“編輯、更新、取消”選項(xiàng)與“刪除”按鈕,單擊“確定”即可。
步驟四:設(shè)置模版列。數(shù)據(jù)綁定控件的模板列可用于顯示用戶自定義內(nèi)容。
實(shí)例一:輸入非空驗(yàn)證
Step1:打開“字段”對話框,選擇“新聞標(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)刪除的對話框
Step1:打開“字段”對話框,選擇“刪除”選項(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對象,今天則學(xué)習(xí)的是數(shù)據(jù)綁定技術(shù),使用該技術(shù)可以是Web應(yīng)用程序輕松地與數(shù)據(jù)庫進(jìn)行交互。
今天主要了解了 GridView以及ObjectDataSourse兩大控件,希望對大家熟練掌握這兩個(gè)控件有所幫助。
您可能感興趣的文章:- asp.net XMLHttpRequest實(shí)現(xiàn)用戶注冊前的驗(yàn)證
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊檢測(驗(yàn)證用戶名是否存)
- ASP.NET jQuery 實(shí)例12 通過使用jQuery validation插件簡單實(shí)現(xiàn)用戶注冊頁面驗(yàn)證功能
- ASP通過ODBC連接SQL Server 2008數(shù)據(jù)庫的方法
- 實(shí)現(xiàn)Asp.net mvc上傳頭像加剪裁功能
- ASP.NET MVC3網(wǎng)站創(chuàng)建與發(fā)布(1)
- 簡析ASP.NET網(wǎng)站的創(chuàng)建與發(fā)布過程
- ASP.NET MVC3模板頁的使用(2)
- ASP.NET MVC4之js css文件合并功能(3)
- Asp.Mvc 2.0實(shí)現(xiàn)用戶注冊實(shí)例講解(1)
- ASP.NET驗(yàn)證碼(3種)
- Asp.Mvc 2.0實(shí)現(xiàn)用戶登錄與注銷功能實(shí)例講解(2)
- Asp.Mvc 2.0用戶客戶端驗(yàn)證實(shí)例講解(3)
- 創(chuàng)建第一個(gè)ASP.NET應(yīng)用程序(第1節(jié))
- ASP.NET網(wǎng)站模板的實(shí)現(xiàn)(第2節(jié))
- ASP.NET網(wǎng)站聊天室的設(shè)計(jì)與實(shí)現(xiàn)(第3節(jié))
- ASP.NET實(shí)現(xiàn)用戶注冊和驗(yàn)證功能(第4節(jié))
- ASP.NET在線文本編輯控件的使用(第6節(jié))
- 管理員登錄設(shè)計(jì)(第7節(jié))
- GridView控件實(shí)現(xiàn)數(shù)據(jù)的修改(第9節(jié))
- ASP.NET實(shí)現(xiàn)數(shù)據(jù)的添加(第10節(jié))
- ASP.NET用戶注冊實(shí)戰(zhàn)(第11節(jié))