第13章ASP.NET的數(shù)據(jù)控件第13章ASP.NET的數(shù)據(jù)控件本章主要內(nèi)容包括：1數(shù)據(jù)源控件2數(shù)據(jù)綁定控件GridView控件DetailsView控件FormView控件Repeater控件DataList控件

ListView控件3

綜合實(shí)例13.1數(shù)據(jù)源控件

13.1.1數(shù)據(jù)源控件概述13.1.2SqlDataSource數(shù)據(jù)源控件用來(lái)訪問(wèn)SQL、Oracle、ODBC、OLEDB等數(shù)據(jù)庫(kù)

示例：數(shù)據(jù)源為MicrosoftSQLServer2005

步驟：

13.1.3AccessDataSource數(shù)據(jù)源控件不用設(shè)置Connection-String屬性，只需要在DataFile屬性中設(shè)置Access（.mdb）文件的位置

13.1.4LinqDataSource數(shù)據(jù)源控件13.2數(shù)據(jù)綁定控件概述13.3GridView控件GridView控件功能：顯示、編輯和刪除多種不同的數(shù)據(jù)源中的數(shù)據(jù)。GridView控件用一個(gè)表來(lái)顯示數(shù)據(jù)源中的記錄。每列表示一個(gè)字段，每行表示一條記錄。

13.3.1數(shù)據(jù)綁定數(shù)據(jù)綁定：在“GridView任務(wù)”窗口選擇“選擇數(shù)據(jù)源”編輯列：在“GridView任務(wù)”窗口單擊“編輯列”

13.3.2對(duì)數(shù)據(jù)表進(jìn)行分頁(yè)、排序和選擇1．分頁(yè)操作：選擇“啟用分頁(yè)”復(fù)選框PageSize屬性：設(shè)置每頁(yè)的記錄條數(shù)（默認(rèn)為每頁(yè)10條）。PagerSettings和PagerStyle屬性：改變頁(yè)號(hào)的顯示方法。PagerSettings下Mode的顯示方法包括如下幾種。（1）NextPrevious：用圖標(biāo)顯示前頁(yè)和后頁(yè)。（2）NextPreviousFirstLast：用圖標(biāo)顯示第一和最后一頁(yè)。（3）Numeric：用數(shù)字顯示頁(yè)號(hào)。（4）NumericFirstLast：用數(shù)字顯示第一頁(yè)和最后一頁(yè)。2．排序選擇“啟用排序”復(fù)選框3．選擇選擇“啟用選定內(nèi)容”復(fù)選框目的：當(dāng)用鼠標(biāo)選擇條記錄時(shí)，出現(xiàn)不同的顯示方式，還需設(shè)置SelectedRowStyle屬性。13.3.3更新數(shù)據(jù)表編輯或刪除功能的步驟如下：（1）在配置數(shù)據(jù)源時(shí)選取所有主鍵，單擊“高級(jí)”按鈕，將兩個(gè)復(fù)選框都選中。（2）在“GridView任務(wù)”窗口選“啟用編輯”和“啟用刪除”。在“字段”對(duì)話框中將字段的ReadOnly屬性設(shè)置為T(mén)rue后，不能被修改。13.3.4使用列模板例如：在更新數(shù)據(jù)時(shí)給TextBox添加一個(gè)必需字段驗(yàn)證控件具體操作步驟如下：（1）在“GridView任務(wù)”窗口中單擊“編輯列”，在“字段”對(duì)話框單擊“將此字段轉(zhuǎn)換為T(mén)emplateField”。（2）回到“GridView任務(wù)”窗口，單擊“編輯模板”，通過(guò)“顯示”下拉列表選擇需要編輯的模板。（3）選擇字段下的EditItemTemplate模板，在這個(gè)模板的TextBox后加上一個(gè)RequiredFieldValidator控件，將其驗(yàn)證對(duì)象指向這個(gè)TextBox。

可以更換所用的控件。例如，用RadioButton替換CheckBox。

13.4DetailsView控件用來(lái)顯示來(lái)自數(shù)據(jù)源的單條記錄，記錄中的內(nèi)容按照垂直方式進(jìn)行排列。

DetailsView的數(shù)據(jù)綁定與GridView控件相似。例子的功能：一個(gè)GridView用來(lái)顯示簡(jiǎn)單的用戶信息，當(dāng)選擇其中某個(gè)記錄時(shí)，一個(gè)DetailsView顯示該記錄的詳細(xì)信息，并提供編輯功能。

具體步驟如下：

（1）拖入一個(gè)SqlDataSource控件，一個(gè)GridView控件，在“配置數(shù)據(jù)源”時(shí)，選擇Users數(shù)據(jù)表并選取UserID、LoginName等幾個(gè)重要的字段

，啟用該GridView控件的選擇功能。（2）拖入一個(gè)DetailsView控件，一個(gè)SqlDataSource控件，數(shù)據(jù)源的配置時(shí)選擇Users表并選取需要修改的字段。在“添加Where子句”對(duì)話框中設(shè)置參數(shù)UserID的來(lái)源為GridView，并在“高級(jí)SQL生成選項(xiàng)”對(duì)話框中選取兩個(gè)選項(xiàng)。

13.5FormView控件顯示數(shù)據(jù)源中的單個(gè)記錄，與DetailsView控件相似。FormView是一個(gè)模板，可以控制控件的布局和數(shù)據(jù)的綁定。

例子：添加Columns表的記錄步驟如下：（1）拖入SqlDataSource控件，選擇Columns數(shù)據(jù)表，并設(shè)置好其他選項(xiàng)。選中“高級(jí)”選項(xiàng)中的兩項(xiàng)。（2）拖入FormView控件，綁定到數(shù)據(jù)源。設(shè)置其DefaultMode屬性為Insert。（3）在InsertItemTemplate中對(duì)控件進(jìn)行布局做必要的修改，還可以增加驗(yàn)證控件等其他控件。13.6Repeater控件與FormView類似，必須通過(guò)創(chuàng)建模板來(lái)提供布局。

模板名稱說(shuō)明ItemTemplate：定義列表中項(xiàng)目的內(nèi)容和布局AlternatingItemTemplate：確定交替項(xiàng)的內(nèi)容和布局。如果未定義，則使用ItemTemplateHeaderTemplate和FooterTemplate：在列表的開(kāi)始和結(jié)束處顯示文本和控件SeparatorTemplate：在每項(xiàng)之間呈現(xiàn)的元素。例子：顯示網(wǎng)站首頁(yè)上的一個(gè)欄目。步驟如下：

（1）拖入SqlDataSource，在“數(shù)據(jù)源的配置”中選擇Articles數(shù)據(jù)表，通過(guò)WHERE選項(xiàng)篩選屬于“學(xué)校簡(jiǎn)介”的記錄，該ColumnID為18。（2）拖入Repeater控件，綁定到SqlDataSource數(shù)據(jù)源，在“源”視圖中為Repeater控件的模板編寫(xiě)代碼。<asp:RepeaterID="Repeater1"runat="server"DataSourceID="SqlDataSource1"><HeaderTemplate><divstyle="font-size:large;font-weight:bold;width:250px;">

學(xué)校簡(jiǎn)介</div><divstyle="width:250px"></HeaderTemplate><ItemTemplate><span><ahref='ShowArticle.aspx?ArticleID=<%#Eval("ArticleID")%>")%>'target="_blank"><%#Eval("Title").ToString().Substring(0,8)+"..."%></a>     <%#Eval("AddTime","{0:d}")%></span><br/></ItemTemplate><AlternatingItemTemplate><spanstyle="background-color:#CCCCFF"><ahref='ShowArticle.aspx?ArticleID=<%#Eval("ArticleID")%>")%>'target="_blank"><%#Eval("Title").ToString().Substring(0,8)+"..."%></a>     <%#Eval("AddTime","{0:d}")%></span><br/></AlternatingItemTemplate> <SeparatorTemplate><hr/></SeparatorTemplate><FooterTemplate></div></FooterTemplate></asp:Repeater>13.7DataList控件DataList控件與Repeater控件區(qū)別：DataList控件將數(shù)據(jù)項(xiàng)的顯示放在HTML表中，同時(shí)可以對(duì)數(shù)據(jù)進(jìn)行修改和刪除；而Repeater控件則不能。DataList控件還可以在“設(shè)計(jì)”視圖下直接編輯界面。例子：顯示網(wǎng)站首頁(yè)上的一個(gè)欄目具體步驟如下：（1）拖入一個(gè)SqlDataSource控件，配置好數(shù)據(jù)源。（2）拖入一個(gè)DataList控件，綁定到該數(shù)據(jù)源。（3）進(jìn)入到模板編輯窗口，編輯器自動(dòng)生成ItemTemplate模板。可以通過(guò)修改和重新布局來(lái)完善該模板。

可以在“源”視圖中通過(guò)編寫(xiě)代碼來(lái)編輯模板。

在數(shù)據(jù)綁定過(guò)程中，可以使用“自定義綁定”或者設(shè)置“格式”來(lái)得到需要的結(jié)果。13.8ListView控件ListView就是GridView和Repeater的結(jié)合體，它既有Repeater控件的開(kāi)放式模板，又具有GridView控件的編輯特性。

ListView控件是靠用戶指定的精確的HTML描述。使用ListView控件內(nèi)置的模板就可以指定精確的標(biāo)記。該控件至少需要定義兩個(gè)模板：LayoutTemplate和ItemTemplate。

LayoutTemplate:定義容器對(duì)象的根組件，如一個(gè)table、div或span組件，它們包裝ItemTemplate定義的內(nèi)容。ListView控件不提供分頁(yè)功能，可以通過(guò)控件DataPager來(lái)實(shí)現(xiàn)分頁(yè)。

例子：使用ListView顯示超鏈接數(shù)據(jù)表Links數(shù)據(jù)。具體步驟如下：

（1）拖入一個(gè)SqlDataSource控件，配置好數(shù)據(jù)源，選中“高級(jí)”選項(xiàng)中的兩項(xiàng)。（2）拖入一個(gè)ListView控件，綁定到SqlDataSource數(shù)據(jù)源。（3）在“ListView任務(wù)”窗口中選擇“配置ListView”選項(xiàng)。在“配置ListView”對(duì)話框中選擇布局模式和樣式。配置好之后編輯器會(huì)自動(dòng)生成相應(yīng)的代碼。

啟用分頁(yè)功能，編輯器自動(dòng)在LayoutTemplate模板中添加一個(gè)DataPager控件，可在“源”視圖中查看到。在可視化界面中只能進(jìn)行簡(jiǎn)單的顯示控制，更多的設(shè)置需要在“源”視圖中完成。13.9綜合實(shí)例P162FCKeditor編輯器使用1.下載FCKeditor.Net：2.添加引用

解壓FCKeditor.Net的ZIP文件,在網(wǎng)站中引用FredC