【正文】 } 進(jìn)入HTML編輯窗口，手工編寫代碼對DataList進(jìn)行數(shù)據(jù)綁定（編輯兩個(gè)table表）。 ()。 (dataSet,Products)。 SqlDataAdapter myAdapter = new SqlDataAdapter((),)。添加一個(gè)私有方法，名稱為Bind，實(shí)現(xiàn)如下：private void Bind(){ StringBuilder cmdText = new StringBuilder()。 進(jìn)入后臺(tái)C代碼編輯窗口，添加命名空間：using 。 右擊DataList，選擇“結(jié)束模板編輯”。 在ItemTemplate處插入一個(gè)一行二列的table。 往設(shè)計(jì)器上拖入一個(gè)SqlConnection，配置數(shù)據(jù)庫連接字符串，名稱默認(rèn)為：“sqlConnection1”。 COLOR: white。 COLOR: white。 TEXTDECORATION: none } A:hover { COLOR: maroon。進(jìn)入HTML編輯窗口，手工編寫代碼對DataList進(jìn)行數(shù)據(jù)綁定。 在AlternatingItemTemplate處同樣也插入一個(gè)一行二列的table。}在設(shè)計(jì)器面板上拖入一個(gè)DataList控件，右擊，選擇“編輯模板”，再選擇“項(xiàng)模板”。 ()。 myReader = ()。 SqlDataReader myReader = null。database=northwind)。uid=sa。 (Select , , from Products p inner join Suppliers S on = )。using 。 BACKGROUNDCOLOR: green } /style進(jìn)入后臺(tái)代碼編輯窗口。 BACKGROUNDCOLOR: maroon } .tablehead { FONT: bold 9pt verdana,arial,sansserif。 TEXTDECORATION: underline } A:visited { COLOR: red } .body { FONT: 9pt Verdana,Arial,sansserif } .head { FONT: bold 9pt verdana,Arial,sansserif。 進(jìn)入HTML編輯窗口，添加CSS樣式如下： style A { COLOR: black。ViewStateIgnoresCase（從 Control 繼承）獲取一個(gè)值，該值指示 StateBag 對象是否不區(qū)分大小寫。此屬性主要由控件開發(fā)人員使用。此屬性主要由控件開發(fā)人員使用。IsTrackingViewState（從 Control 繼承）獲取一個(gè)值，用于指示服務(wù)器控件是否會(huì)將更改保存到其視圖狀態(tài)中。此屬性為只讀。Context（從 Control 繼承）為當(dāng)前 Web 請求獲取與服務(wù)器控件關(guān)聯(lián)的 HttpContext 對象。Width（從 WebControl 繼承）獲取或設(shè)置 Web 服務(wù)器控件的寬度。UniqueID（從 Control 繼承）獲取服務(wù)器控件的唯一的、以分層形式限定的標(biāo)識符。TemplateSourceDirectory（從 Control 繼承）獲取包含當(dāng)前服務(wù)器控件的 Page 或 UserControl 的虛擬目錄。Style（從 WebControl 繼承）獲取將在 Web 服務(wù)器控件的外部標(biāo)記上呈現(xiàn)為樣式屬性的文本屬性的集合。ShowHeader獲取或設(shè)置一個(gè)值，該值指示是否在 DataList 控件中顯示頁眉節(jié)。SeparatorTemplate獲取或設(shè)置 DataList 控件中各項(xiàng)間分隔符的模板。SelectedItemTemplate獲取或設(shè)置 DataList 控件中選定項(xiàng)的模板。SelectedItem獲取 DataList 控件中的選定項(xiàng)。RepeatLayout獲取或設(shè)置控件是在表中顯示還是在流布局中顯示。RepeatColumns獲取或設(shè)置要在 DataList 控件中顯示的列數(shù)。Page（從 Control 繼承）獲取對包含服務(wù)器控件的 Page 實(shí)例的引用。ItemTemplate獲取或設(shè)置 DataList 控件中項(xiàng)的模板。Items獲取表示控件內(nèi)單獨(dú)項(xiàng)的 DataListItem 對象的集合。HorizontalAlign（從 BaseDataList 繼承）獲取或設(shè)置數(shù)據(jù)列表控件在其容器內(nèi)的水平對齊方式。HeaderTemplate獲取或設(shè)置 DataList 控件的標(biāo)題部分的模板。當(dāng) RepeatLayout 屬性設(shè)置為 時(shí)，獲取或設(shè)置 DataList 控件的網(wǎng)格線樣式。ForeColor（從 WebControl 繼承）獲取或設(shè)置 Web 服務(wù)器控件的前景色（通常是文本顏色）。FooterStyle獲取 DataList 控件的腳注部分的樣式屬性。ExtractTemplateRows獲取或設(shè)置一個(gè)值，該值指示 Table 控件的行（在 DataList 控件的每一模板中定義）是否被提取和顯示。Enabled（從 WebControl 繼承）獲取或設(shè)置一個(gè)值，該值指示是否啟用 Web 服務(wù)器控件。EditItemStyle獲取 DataList 控件中為進(jìn)行編輯而選定的項(xiàng)的樣式屬性。DataSource（從 BaseDataList 繼承）獲取或設(shè)置源，該源包含用于填充控件中的項(xiàng)的值列表。DataKeys（從 BaseDataList 繼承）獲取 DataKeyCollection，它存儲(chǔ)數(shù)據(jù)列表控件中每個(gè)記錄的鍵值（顯示為一行）。CssClass（從 WebControl 繼承）獲取或設(shè)置由 Web 服務(wù)器控件在客戶端呈現(xiàn)的級聯(lián)樣式表 (CSS) 類。ControlStyleCreated（從 WebControl 繼承）獲取一個(gè)值，該值指示是否已為 ControlStyle 屬性創(chuàng)建了 Style 對象。ControlStyle（從 WebControl 繼承）獲取 Web 服務(wù)器控件的樣式。Controls（從 BaseDataList 繼承）已重寫。CellSpacing（從 BaseDataList 繼承）獲取或設(shè)置單元格間的空間量。BorderWidth（從 WebControl 繼承）獲取或設(shè)置 Web 服務(wù)器控件的邊框?qū)挾?。BorderColor（從 WebControl 繼承）獲取或設(shè)置 Web 控件的邊框顏色。Attributes（從 WebControl 繼承）獲取與控件的屬性不對應(yīng)的任意特性（只用于呈現(xiàn)）的集合。AlternatingItemStyle獲取 DataList 控件中交替項(xiàng)的樣式屬性。當(dāng)用戶單擊“選擇”按鈕時(shí)引發(fā) SelectedIndexChanged 事件。將按鈕添加到項(xiàng)模板，并將其 CommandName 屬性設(shè)置為 select。這些按鈕的作用類似于“編輯”按鈕，它們將預(yù)定義的命令消息（“更新”或“取消”）發(fā)送到 DataList 控件，從而引發(fā) UpdateCommand 或 CancelCommand 事件，您可以相應(yīng)地響應(yīng)這些事件。在該事件的事件處理程序中，將該項(xiàng)設(shè)置為編輯模式，編輯模式顯示 EditItemTemplate。最常用的方法是在項(xiàng)模板（和 AlternatingItemTemplate，如果要使用它的話）中包括一個(gè)按鈕，并將該按鈕的 CommandName 屬性設(shè)置為 edit。常規(guī)策略是創(chuàng)建 EditItemTemplate，為編輯提供適當(dāng)?shù)牟季趾涂丶Ｓ嘘P(guān) DataList 控件支持的事件的完整列表，請參見幫助文檔。DataList 控件還支持 ItemCommand 事件，當(dāng)用戶單擊沒有預(yù)定義的命令（如“編輯”或“刪除”）的按鈕時(shí)引發(fā)該事件。例如，如果按鈕的 CommandName 屬性為 edit，則該按鈕導(dǎo)致引發(fā) EditCommand 事件。 CancelCommand 當(dāng)用戶單擊某項(xiàng)中的按鈕時(shí)，該事件會(huì)冒泡到按鈕的容器：DataList 控件。 DeleteCommand 支持該類型的四個(gè)事件： 其余事件為了響應(yīng)列表項(xiàng)中的按鈕單擊而引發(fā)。例如，如果正使用 DataList 控件顯示待辦事宜列表，則可以用紅色文本顯示過期項(xiàng)，以黑色文本顯示已完成項(xiàng)，以綠色文本顯示其他任務(wù)。這些事件之一 ItemCreated 事件提供一種在運(yùn)行時(shí)自定義項(xiàng)的創(chuàng)建過程的方法。這使您得以控制 Web 頁的呈現(xiàn)寬度，通?？梢砸虼硕苊馑綕L動(dòng)。如果這樣，可進(jìn)一步指定這些項(xiàng)是垂直排序（類似于報(bào)刊欄）還是水平排列（類似于日歷中的日）。垂直與水平排序默認(rèn)情況下，在單個(gè)垂直列中顯示 DataList 控件中的項(xiàng)。DataList 控件提供下列這些選項(xiàng)：選項(xiàng)說明流與表在流布局中，以字處理文檔的樣式在行內(nèi)呈現(xiàn)列表項(xiàng)。 在淺藍(lán)色背景上用黑色文本呈現(xiàn)正在編輯的項(xiàng) 每個(gè)模板支持其自己的樣式對象，可以在設(shè)計(jì)時(shí)和運(yùn)行時(shí)設(shè)置該樣式對象的屬性。 在淺灰色背景上用黑色文本呈現(xiàn)交替項(xiàng) 例如，可以指定： 典型的示例是行（使用 HR 元素）。HeaderTemplate 和 FooterTemplate在列表的開始和結(jié)束處呈現(xiàn)的文本和控件。EditItemTemplate當(dāng)項(xiàng)處于編輯模式中時(shí)的布局。典型的用法是使用背景色或字體顏色可視地標(biāo)記該行。如果使用此模板，通常為其創(chuàng)建不同的外觀，如與 ItemTemplate 不同的背景色。DataList 控件支持下列模板：模板說明ItemTemplate為數(shù)據(jù)源中的每行呈現(xiàn)一次的 HTML 元素和控件。在給此控件添加其他控件（例如，列表項(xiàng)中的標(biāo)簽或文本框）時(shí)，您還可以依次將它們綁定到容器，即 DataList 控件?？丶梢詫⑷魏沃С?IEnumerable 接口的類用作數(shù)據(jù)源?？梢允褂媚軌驈墓ぞ呦涮砑拥巾摰臄?shù)據(jù)源，如 DataSet 或 DataView 類。將數(shù)據(jù)綁定到控件：必須將 DataList 控件綁定到數(shù)據(jù)源?？赏ㄟ^包括 HTML 文本和控件，使用模板定義項(xiàng)的布局。還可以自定義該控件以支持其他功能，如選擇行。DataList 控件對于顯示數(shù)據(jù)行很有用。 }} 1保存后，執(zhí)行效果如圖1310和圖1311所示（完整代碼請參閱工程源代碼）：圖1310 DataGrid數(shù)據(jù)編輯圖1311 DataGrid實(shí)現(xiàn)數(shù)據(jù)編輯實(shí)驗(yàn)十四 DataList控件（一） 實(shí)驗(yàn)名稱 DataList控件（二） 實(shí)驗(yàn)內(nèi)容 會(huì)配置DataList的相關(guān)屬性及事件；DataList數(shù)據(jù)綁定的實(shí)現(xiàn)；DataList數(shù)據(jù)編輯的實(shí)現(xiàn)。//默認(rèn) dataBind()。//執(zhí)行更新命令 ()。 try { ()。 (new SqlParameter(productid,4))。 (new SqlParameter(unitsonorder,2))。 (new SqlParameter(unitsinstock,2))。 //定義參數(shù) (new SqlParameter(productname,40))。 (update products set productname = productname,unitsinstock = unitsinstock,unitsonorder = unitsonorder where productid = productid)。 sUnitsOnOrder = ((TextBox)[3].Controls[0]).()。//無文本框 //第0個(gè)單元格 sProductName = ((TextBox)[1].Controls[0]).()。//數(shù)據(jù)綁定} 數(shù)據(jù)更新事件：private void DataGrid1_UpdateCommand(object source, e){ string sProductName,sUnitsInStock,sUnitsOnOrder,sProductID。 = 。} 分頁事件代碼：private void DataGrid1_PageIndexChanged(object source, e){ ()。} EditCommand事件參考代碼：private void DataGrid1_EditCommand(object source, e){ = 。}CancelCommand事件參考代碼：private void DataGrid1_CancelCommand(object source, e){ = 1。添加一個(gè)私有的dataBind方法，參考代碼如