《ASP-NET程序設(shè)計(jì)》-說課課件-數(shù)據(jù)綁定控件的使用(四)數(shù)據(jù)綁定控件GridView的使用

單元六數(shù)據(jù)庫服務(wù)控件的應(yīng)用（四）數(shù)據(jù)綁定控件GridView主講教師：宋園園單元六數(shù)據(jù)庫服務(wù)控件的應(yīng)用（四）主講教師：宋園園學(xué)習(xí)目標(biāo)【知識目標(biāo)】了解數(shù)據(jù)綁定控件的常用屬性以及常用方法；掌握數(shù)據(jù)綁定控件的使用過程;

【技能目標(biāo)】能夠熟練運(yùn)用數(shù)據(jù)綁定控件顯示數(shù)據(jù)；注：本課內(nèi)容參考教材單元六學(xué)習(xí)目標(biāo)【知識目標(biāo)】注：學(xué)習(xí)提綱GridView控件概述GridView控件屬性GridView控件使用學(xué)習(xí)提綱GridView控件概述

GridView控件概述

GridView是ASP.NET中功能非常豐富的控件之一，它可以以表格的形式顯示數(shù)據(jù)庫的內(nèi)容并通過數(shù)據(jù)源控件自動(dòng)綁定和顯示數(shù)據(jù)。開發(fā)人員能夠通過配置數(shù)據(jù)源控件對GridView中的數(shù)據(jù)進(jìn)行選擇、排序、分頁、編輯和刪除功能進(jìn)行配置。GridView控件還能夠指定自定義樣式，在沒有任何數(shù)據(jù)時(shí)可以自定義無數(shù)據(jù)時(shí)的UI樣式。

GridView控件概述

GridView是ASP.NGridView控件的數(shù)據(jù)綁定方式可以有3種形式。第一種先配置數(shù)據(jù)源控件，然后通過“選擇數(shù)據(jù)源”選項(xiàng)來調(diào)用數(shù)據(jù)源控件。第二種直接選擇“選擇數(shù)據(jù)源”，VS會使用向?qū)磉M(jìn)行配置數(shù)據(jù)源。第三種是通過編程的方式綁定數(shù)據(jù)庫。

GridView控件概述

GridView控件的數(shù)據(jù)綁定方式可以有3種形式。

GridGridView控件概述GridView控件概述GridView控件的字段表示類型如下。BoundField（數(shù)據(jù)綁定字段）：將DataSource數(shù)據(jù)源的字段數(shù)據(jù)以文本方式顯示。ButtonField（按鈕字段）：在數(shù)據(jù)綁定控件中顯示命令按鈕。根據(jù)控件的不同，它可讓您顯示具有自定義按鈕控件（如“添加”或“移除”按鈕）的數(shù)據(jù)行或數(shù)據(jù)列，按下時(shí)會引發(fā)RowCommand事件。CommandField（命令字段）：顯示含有命令的Button按鈕，包括了Select、Edit、Update、Delete命令按鈕（DetailsView的CommandField才支持Insert命令）。GridView控件的字段表示類型如下。CheckBoxField（CheckBox字段）：顯示為CheckBox類型，通常用于布爾值True/False的顯示。HyperLinkField（超鏈接字段）：將DataSource數(shù)據(jù)源字段數(shù)據(jù)顯示成HyperLink超級鏈接，并可指定另外的NavigateUrl超鏈接。ImageField（圖像字段）：在數(shù)據(jù)綁定控件中顯示圖像字段。TemplateField（模板字段）：顯示用戶自定義的模板內(nèi)容。CheckBoxField（CheckBox字段）：顯示為C圖示GridView的列與行CommandFieldBoundedFieldheaderfooter圖示GridView的列與行CommandFieldBounGridView控件屬性常用屬性如下：DataSourceID:指定數(shù)據(jù)源控件ID。AllowPaging:啟動(dòng)自動(dòng)分頁功能。AllowSorting:啟動(dòng)自動(dòng)排序功能。AutoGenerateColumns:啟動(dòng)自動(dòng)創(chuàng)建列功能。GridView控件屬性常用屬性如下：GridView控件使用在工具箱中找到GridView控件添加完成的GridView控件編輯控件的列GridView控件使用在工具箱中找到GridView控件添GridView控件使用GridView控件的基本語法格式如下：<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="False"DataKeyNames="主鍵名"DataSourceID="SqlDataSource1"AutoGenerateDeleteButton="True"AutoGenerateEditButton="True"AutoGenerateSelectButton="True"ShowHeader="False"其他屬性><Columns><asp:BoundFieldDataField="字段名1"HeaderText="列標(biāo)題1"ReadOnly="True"SortExpression="排序表達(dá)式1"/><asp:BoundFieldDataField="字段名2"HeaderText="列標(biāo)題2"ReadOnly="True"SortExpression="排序表達(dá)式2"/><asp:TemplateField><ItemTemplate>其他控件<%#綁定表達(dá)式%></ItemTemplate></asp:TemplateField></Columns></asp:GridView>GridView控件使用GridView控件的基本語法格式如GridView控件使用使用GridView控件顯示數(shù)據(jù)以表的形式顯示數(shù)據(jù)是GridView控件的主要功能，下面舉例說明。

在之前添加的數(shù)據(jù)源控件使用頁面上添加一個(gè)GredView控件,點(diǎn)擊右上角小三角如下圖:GridView控件使用使用GridView控件顯示數(shù)據(jù)啟用GridView控件的默認(rèn)功能1．調(diào)整GridView控件的大小選定GridView控件后，在“設(shè)計(jì)”視圖中，GridView控件周圍將出現(xiàn)3個(gè)調(diào)整控點(diǎn)，用鼠標(biāo)拖動(dòng)它們可以調(diào)整GridView控件的大小，調(diào)整GridView控件的大小2．啟用GridView控件的默認(rèn)選定內(nèi)容功能GridView控件有一個(gè)內(nèi)置的選定內(nèi)容功能，允許用戶在網(wǎng)格中選擇一行。在GridView控件中選擇一行實(shí)際上不執(zhí)行任何任務(wù)。但是，通過添加選定內(nèi)容功能，可以向網(wǎng)格添加一些功能，在用戶指向特定行時(shí)進(jìn)行某種操作。將選定功能添加到GridView控件的典型用途包括：當(dāng)用戶選擇某一行時(shí)，該行會以不同的外觀重新顯示；當(dāng)用戶選擇某一行時(shí)，相關(guān)數(shù)據(jù)會在頁中的其他位置顯示，例如，在DetailsView控件中顯示。啟用GridView控件的默認(rèn)功能GridView控件的常用事件GridView支持多個(gè)事件，通常對GridView控件進(jìn)行排序、選擇等操作時(shí)，同樣會引發(fā)事件，當(dāng)創(chuàng)建當(dāng)前行或?qū)?dāng)前行綁定至數(shù)據(jù)時(shí)發(fā)生的事件，同樣，單擊一個(gè)命令控件時(shí)也會引發(fā)事件。GridView控件常用的事件如下所示。RowCommand：在GridView控件中單擊某個(gè)按鈕時(shí)發(fā)生。此事件通常用于在該控件中單擊某個(gè)按鈕時(shí)執(zhí)行某項(xiàng)任務(wù)。PageIndexChanging：在單擊頁導(dǎo)航按鈕時(shí)發(fā)生，但在GridView控件執(zhí)行分頁操作之前。此事件通常用于取消分頁操作。PageIndexChanged：在單擊頁導(dǎo)航按鈕時(shí)發(fā)生，但在GridView控件執(zhí)行分頁操作之后。此事件通常用于在用戶定位到該控件中不同的頁之后需要執(zhí)行某項(xiàng)任務(wù)時(shí)。GridView控件的常用事件GridView支持多個(gè)事GridView控件的常用事件SelectedIndexChanging：在單擊GridView控件內(nèi)某一行的Select按鈕（其CommandName屬性設(shè)置為“Select”的按鈕）時(shí)發(fā)生，但在GridView控件執(zhí)行選擇操作之前。此事件通常用于取消選擇操作。SelectedIndexChanged：在單擊GridView控件內(nèi)某一行的Select按鈕時(shí)發(fā)生，但在GridView控件執(zhí)行選擇操作之后。此事件通常用于在選擇了該控件中的某行后執(zhí)行某項(xiàng)任務(wù)。Sorting：在單擊某個(gè)用于對列進(jìn)行排序的超鏈接時(shí)發(fā)生，但在GridView控件執(zhí)行排序操作之前。此事件通常用于取消排序操作或執(zhí)行自定義的排序例程。Sorted：在單擊某個(gè)用于對列進(jìn)行排序的超鏈接時(shí)發(fā)生，但在GridView控件執(zhí)行排序操作之后。此事件通常用于在用戶單擊對列進(jìn)行排序的超鏈接之后執(zhí)行某項(xiàng)任務(wù)。RowDataBound：在GridView控件中的某個(gè)行被綁定到一個(gè)數(shù)據(jù)記錄時(shí)發(fā)生。此事件通常用于在某個(gè)行被綁定到數(shù)據(jù)時(shí)修改該行的內(nèi)容。RowCreated：在GridView控件中創(chuàng)建新行時(shí)發(fā)生。此事件通常用于在創(chuàng)建某個(gè)行時(shí)修改該行的布局或外觀。GridView控件的常用事件SelectedIndGridView控件的常用事件RowDeleting：在單擊GridView控件內(nèi)某一行的Delete按鈕（其CommandName屬性設(shè)置為“Delete”的按鈕）時(shí)發(fā)生，但在GridView控件從數(shù)據(jù)源刪除記錄之前。此事件通常用于取消刪除操作。RowDeleted：在單擊GridView控件內(nèi)某一行的Delete按鈕時(shí)發(fā)生，但在GridView控件從數(shù)據(jù)源刪除記錄之后。此事件通常用于檢查刪除操作的結(jié)果。RowEditing：在單擊GridView控件內(nèi)某一行的Edit按鈕（其CommandName屬性設(shè)置為“Edit”的按鈕）時(shí)發(fā)生，但在GridView控件進(jìn)入編輯模式之前。此事件通常用于取消編輯操作。RowCancelingEdit：在單擊GridView控件內(nèi)某一行的Cancel按鈕（其CommandName屬性設(shè)置為“Cancel”的按鈕）時(shí)發(fā)生，但在GridView控件退出編輯模式之前。此事件通常用于停止取消操作。RowUpdating：在單擊GridView控件內(nèi)某一行的Update按鈕（其CommandName屬性設(shè)置為“Update”的按鈕）時(shí)發(fā)生，但在GridView控件更新記錄之前。此事件通常用于取消更新操作。RowUpdated：在單擊GridView控件內(nèi)某一行的Update按鈕時(shí)發(fā)生，但在GridView控件更新記錄之后。此事件通常用來檢查更新操作的結(jié)果。DataBound：此事件繼承自BaseDataBoundControl控件，在GridView控件完成到數(shù)據(jù)源的綁定后發(fā)生。GridView控件的常用事件RowDeletingGridView控件的常用事件當(dāng)單擊按鈕控件時(shí)，則會觸發(fā)RowCommand事件，CS頁面代碼如下所示。protectedvoidGridView1_RowCommand(objectsender,GridViewCommandEventArgse){Label1.Text=e.CommandName+"事件被觸發(fā)";}當(dāng)單擊按鈕時(shí)，GridView控件會選擇相應(yīng)的行。在GridView控件的RowCommand事件中，同樣可以通過GridView控件的中按鈕的CommandArgument屬性獲取相應(yīng)的操作并執(zhí)行相應(yīng)代碼。GridView控件運(yùn)行結(jié)果如圖8-40和圖8-41所示。（注意：在執(zhí)行其他事件時(shí)，如RowDeleted、GridView控件首先執(zhí)行RowDataBound代碼，然后執(zhí)行RowCommnad、RowDeleting以及RowDeleted等事件。）GridView控件的常用事件當(dāng)單擊按鈕控件時(shí)，則會觸發(fā)GridView控件的常用事件GridView控件的常用事件項(xiàng)目實(shí)訓(xùn)【實(shí)訓(xùn)目的】1.掌握Girdview屬性跟方法?！緦?shí)訓(xùn)內(nèi)容】1.實(shí)現(xiàn)用Gridview控件數(shù)據(jù)顯示并實(shí)現(xiàn)編輯刪除功能。項(xiàng)目實(shí)訓(xùn)【實(shí)訓(xùn)目的】在選擇數(shù)據(jù)源下拉列表中選擇SqlDataSource1如下如所示:在程序中運(yùn)行程序如下如所示:在選擇數(shù)據(jù)源下拉列表中選擇SqlDataSource1如下如單元六數(shù)據(jù)庫服務(wù)控件的應(yīng)用（四）數(shù)據(jù)綁定控件GridView主講教師：宋園園單元六數(shù)據(jù)庫服務(wù)控件的應(yīng)用（四）主講教師：宋園園學(xué)習(xí)目標(biāo)【知識目標(biāo)】了解數(shù)據(jù)綁定控件的常用屬性以及常用方法；掌握數(shù)據(jù)綁定控件的使用過程;

【技能目標(biāo)】能夠熟練運(yùn)用數(shù)據(jù)綁定控件顯示數(shù)據(jù)；注：本課內(nèi)容參考教材單元六學(xué)習(xí)目標(biāo)【知識目標(biāo)】注：學(xué)習(xí)提綱GridView控件概述GridView控件屬性GridView控件使用學(xué)習(xí)提綱GridView控件概述

GridView控件概述

GridView是ASP.NET中功能非常豐富的控件之一，它可以以表格的形式顯示數(shù)據(jù)庫的內(nèi)容并通過數(shù)據(jù)源控件自動(dòng)綁定和顯示數(shù)據(jù)。開發(fā)人員能夠通過配置數(shù)據(jù)源控件對GridView中的數(shù)據(jù)進(jìn)行選擇、排序、分頁、編輯和刪除功能進(jìn)行配置。GridView控件還能夠指定自定義樣式，在沒有任何數(shù)據(jù)時(shí)可以自定義無數(shù)據(jù)時(shí)的UI樣式。

GridView控件概述

GridView是ASP.NGridView控件的數(shù)據(jù)綁定方式可以有3種形式。第一種先配置數(shù)據(jù)源控件，然后通過“選擇數(shù)據(jù)源”選項(xiàng)來調(diào)用數(shù)據(jù)源控件。第二種直接選擇“選擇數(shù)據(jù)源”，VS會使用向?qū)磉M(jìn)行配置數(shù)據(jù)源。第三種是通過編程的方式綁定數(shù)據(jù)庫。

GridView控件概述

GridView控件的數(shù)據(jù)綁定方式可以有3種形式。

GridGridView控件概述GridView控件概述GridView控件的字段表示類型如下。BoundField（數(shù)據(jù)綁定字段）：將DataSource數(shù)據(jù)源的字段數(shù)據(jù)以文本方式顯示。ButtonField（按鈕字段）：在數(shù)據(jù)綁定控件中顯示命令按鈕。根據(jù)控件的不同，它可讓您顯示具有自定義按鈕控件（如“添加”或“移除”按鈕）的數(shù)據(jù)行或數(shù)據(jù)列，按下時(shí)會引發(fā)RowCommand事件。CommandField（命令字段）：顯示含有命令的Button按鈕，包括了Select、Edit、Update、Delete命令按鈕（DetailsView的CommandField才支持Insert命令）。GridView控件的字段表示類型如下。CheckBoxField（CheckBox字段）：顯示為CheckBox類型，通常用于布爾值True/False的顯示。HyperLinkField（超鏈接字段）：將DataSource數(shù)據(jù)源字段數(shù)據(jù)顯示成HyperLink超級鏈接，并可指定另外的NavigateUrl超鏈接。ImageField（圖像字段）：在數(shù)據(jù)綁定控件中顯示圖像字段。TemplateField（模板字段）：顯示用戶自定義的模板內(nèi)容。CheckBoxField（CheckBox字段）：顯示為C圖示GridView的列與行CommandFieldBoundedFieldheaderfooter圖示GridView的列與行CommandFieldBounGridView控件屬性常用屬性如下：DataSourceID:指定數(shù)據(jù)源控件ID。AllowPaging:啟動(dòng)自動(dòng)分頁功能。AllowSorting:啟動(dòng)自動(dòng)排序功能。AutoGenerateColumns:啟動(dòng)自動(dòng)創(chuàng)建列功能。GridView控件屬性常用屬性如下：GridView控件使用在工具箱中找到GridView控件添加完成的GridView控件編輯控件的列GridView控件使用在工具箱中找到GridView控件添GridView控件使用GridView控件的基本語法格式如下：<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="False"DataKeyNames="主鍵名"DataSourceID="SqlDataSource1"AutoGenerateDeleteButton="True"AutoGenerateEditButton="True"AutoGenerateSelectButton="True"ShowHeader="False"其他屬性><Columns><asp:BoundFieldDataField="字段名1"HeaderText="列標(biāo)題1"ReadOnly="True"SortExpression="排序表達(dá)式1"/><asp:BoundFieldDataField="字段名2"HeaderText="列標(biāo)題2"ReadOnly="True"SortExpression="排序表達(dá)式2"/><asp:TemplateField><ItemTemplate>其他控件<%#綁定表達(dá)式%></ItemTemplate></asp:TemplateField></Columns></asp:GridView>GridView控件使用GridView控件的基本語法格式如GridView控件使用使用GridView控件顯示數(shù)據(jù)以表的形式顯示數(shù)據(jù)是GridView控件的主要功能，下面舉例說明。

在之前添加的數(shù)據(jù)源控件使用頁面上添加一個(gè)GredView控件,點(diǎn)擊右上角小三角如下圖:GridView控件使用使用GridView控件顯示數(shù)據(jù)啟用GridView控件的默認(rèn)功能1．調(diào)整GridView控件的大小選定GridView控件后，在“設(shè)計(jì)”視圖中，GridView控件周圍將出現(xiàn)3個(gè)調(diào)整控點(diǎn)，用鼠標(biāo)拖動(dòng)它們可以調(diào)整GridView控件的大小，調(diào)整GridView控件的大小2．啟用GridView控件的默認(rèn)選定內(nèi)容功能GridView控件有一個(gè)內(nèi)置的選定內(nèi)容功能，允許用戶在網(wǎng)格中選擇一行。在GridView控件中選擇一行實(shí)際上不執(zhí)行任何任務(wù)。但是，通過添加選定內(nèi)容功能，可以向網(wǎng)格添加一些功能，在用戶指向特定行時(shí)進(jìn)行某種操作。將選定功能添加到GridView控件的典型用途包括：當(dāng)用戶選擇某一行時(shí)，該行會以不同的外觀重新顯示；當(dāng)用戶選擇某一行時(shí)，相關(guān)數(shù)據(jù)會在頁中的其他位置顯示，例如，在DetailsView控件中顯示。啟用GridView控件的默認(rèn)功能GridView控件的常用事件GridView支持多個(gè)事件，通常對GridView控件進(jìn)行排序、選擇等操作時(shí)，同樣會引發(fā)事件，當(dāng)創(chuàng)建當(dāng)前行或?qū)?dāng)前行綁定至數(shù)據(jù)時(shí)發(fā)生的事件，同樣，單擊一個(gè)命令控件時(shí)也會引發(fā)事件。GridView控件常用的事件如下所示。RowCommand：在GridView控件中單擊某個(gè)按鈕時(shí)發(fā)生。此事件通常用于在該控件中單擊某個(gè)按鈕時(shí)執(zhí)行某項(xiàng)任務(wù)。PageIndexChanging：在單擊頁導(dǎo)航按鈕時(shí)發(fā)生，但在GridView控件執(zhí)行分頁操作之前。此事件通常用于取消分頁操作。PageIndexChanged：在單擊頁導(dǎo)航按鈕時(shí)發(fā)生，但在GridView控件執(zhí)行分頁操作之后。此事件通常用于在用戶定位到該控件中不同的頁之后需要執(zhí)行某項(xiàng)任務(wù)時(shí)。GridView控件的常用事件GridView支持多個(gè)事GridView控件的常用事件SelectedIndexChanging：在單擊GridView控件內(nèi)某一行的Select按鈕（其CommandName屬性設(shè)置為“Select”的按鈕）時(shí)發(fā)生，但在GridView控件執(zhí)行選擇操作之前。此事件通常用于取消選擇操作。SelectedIndexChanged：在單擊GridView控件內(nèi)某一行的Select按鈕時(shí)發(fā)生，但在GridView控件執(zhí)行選擇操作之后。此事件通常用于在選擇了該控件中的某行后執(zhí)行某項(xiàng)任務(wù)。Sorting：在單擊某個(gè)用于對列進(jìn)行排序的超鏈接時(shí)發(fā)生，但在GridView控件執(zhí)行排序操作之前。此事件通常用于取消排序操作或執(zhí)行自定義的排序例程。Sorted：在單擊某個(gè)用于對列進(jìn)行排序的超鏈接時(shí)發(fā)生，但在GridView控件執(zhí)行排序操作之后。此事件通常用于在用戶單擊對列進(jìn)行排序的超鏈接之后執(zhí)行某項(xiàng)任務(wù)。RowDataBound：在GridView控件中的某個(gè)行被綁定到一個(gè)數(shù)據(jù)記錄時(shí)發(fā)生。此事件通常用于在某個(gè)行被綁定到數(shù)據(jù)時(shí)修改該行的內(nèi)容。RowCreated：在GridView控件中創(chuàng)建新行時(shí)發(fā)生。此事件通常用于在創(chuàng)建某個(gè)行時(shí)修改該行的布局或外觀。GridView控件的常用事件SelectedIndGridView控件的常用事件RowDeleting：在單擊GridView控件內(nèi)某一行的Delete按鈕（其CommandName屬性設(shè)置為“Delete”的按鈕）時(shí)發(fā)生，但在GridView控件從數(shù)據(jù)源刪除記錄之前。此事件通常用于取消刪除操作。RowDeleted：在單擊GridView控件內(nèi)某一行的Delete按鈕時(shí)發(fā)生，但在GridView控件從數(shù)據(jù)源刪除記錄之后。此事件通常用于檢查刪除操作的結(jié)果。RowEditing：在單擊GridView控件內(nèi)某一行的Edit按鈕（其CommandName屬性設(shè)置為“Edit”的按鈕）時(shí)發(fā)生，但在GridView控件進(jìn)入編輯模式之前。此事件通常用于取消編輯操作。RowCancelingEdit：在單擊GridView控件內(nèi)某一行的Cance