ASP.NET數據控件

時間 2019-12-14

標籤 asp.net asp 數據控件欄目 ASP 简体版

原文原文鏈接

　　數據服務器控件就是可以顯示數據的控件，與那些簡單格式的列表控件不一樣，這些控件不但提供顯示數據的豐富界面（能夠顯示多行多列數據並根據用戶定義來顯示），還提供了修改、刪除和插入數據的接口。數據庫

　　ASP.NET 4.0提供的主要數據服務器控件：編程

　　　　1.GridView：是一個全方位的網格控件，可以顯示一整張表的數據，它是ASP.NET中最爲重要的數據控件。服務器

　　　　2.DetailsView ：是用來一次顯示一條記錄。ide

　　　　3.FormView ：也是用來一次顯示一條記錄，與DetailsView不一樣的是，FormView是基於模板的，可使佈局具備靈活性。佈局

　　　　4.DataList ：可用來自定義顯示各行數據庫信息，顯示的9格式在建立的模板中定義。字體

　　　　5.Repeater ：生成一系列單個項，可使用模板定義頁面上單個項的佈局，在頁面運行時，該控件爲數據源中的每一個項重複相應的佈局。this

　　　　6.ListView ：能夠綁定從數據源返回的數據並顯示它們，它會按照使用模板和樣式定義的格式顯示數據。spa

　　　　7.Chart ：新增的圖表控件，能實現柱狀圖、餅圖等多種圖表數據。設計

　　GridView控件3d

　　　　GridView 控件，能夠顯示、編輯和刪除來自不一樣數據源的數據。

　　　　GridView控件的主要功能：

　　　　　　1.綁定和顯示數據。

　　　　　　2.對綁定其中的數據進行選擇、排序、分頁、編輯和刪除。

　　　　　　3.自定義列和樣式。

　　　　　　4.自定義用戶界面元素。

　　　　　　5.在事件處理程序中加入代碼來完成與GridView控件的交互。

　　　　GridView控件的經常使用屬性：

　　　　　　1.AllowPaging：獲取或設置指示是否啓用分頁的值。

　　　　　　2.AllowSorting：獲取或設置指示是否啓用排序的值。

　　　　　　3.AlternatingRoeStyle：獲取對TableItemStyle對象的引用，使用該對象能夠設置GridView控件中的交替數據行的外觀。

　　　　　　4.AutoGenerateColumns：獲取或設置一個值，該值指示是否爲數據源中的每一字段自動建立BoundColumn對象並在GridView控件中顯示這些對象。

　　　　　　5.AutoGenerateDeleteButton：獲取或設置一個值，該值指示每個數據行都帶有刪除按鈕的CommandField字段列是否自動添加到GridView控件。

　　　　　　6.AutoGenerateSelectButton：獲取或設置一個值，該值指示每個數據行都帶有選擇按鈕的CommandField字段列是否自動添加到GridView控件。

　　　　　　7.BottomPagerRow：獲取一個GridViewRow對象，該對象表示GridView控件中的底部頁導航行。

　　　　　　8.Columns：獲取表示GridView控件各列的對象集合。

　　　　　　9.DataMember：當數據源包含多個不一樣的數據項列表時，獲取或設置數據綁定控件綁定到的數據列表的名稱。

　　　　　　10.PageIndex：獲取或設置當前顯示頁的索引。

　　　　　　11.DataSource：獲取或設置源，該源包含用於填充控件中的項的值列表。

　　　　　　12.PageCount：獲取顯示GridView控件中各項所需的總頁數。

　　　　　　13.PageSize：獲取或設置要在GridView控件的單頁上顯示的項數。

　　　　　　14.SelectedIndex：獲取或設置GridView控件中選定項的索引。

　　　　GridView 控件的經常使用方法：

　　　　　　1.DataBind：將數據源綁定到GridView控件。

　　　　　　2.DeleteRow：從數據源中刪除位於指定索引位置的記錄。

　　　　　　3.IsBindableType：肯定指定的數據類型是否能綁定到GridView控件中的列。

　　　　　　4.Sort：根據指定的排序表達式和方向對GridView控件進行排序。

　　　　　　5.UpdateRow：使用行的字段值更新位於指定行索引位置的記錄。

　　　　GridView 控件的事件：

　　　　　　1.PageIndexChanged ：在單擊某一頁導航按鈕時，但在GridView控件處理分頁操做以後發生。

　　　　　　2.PageIndexChanging：在單擊某一頁導航按鈕時，但在GridView控件處理分頁操做以前發生。

　　　　　　3.RowCancelingEdit：單擊編輯模式中某一行的取消按鈕以後，在該行退出編輯模式以前發生。

　　　　　　4.RowCommand：當單擊GridView控件中的按鈕時發生。

　　　　　　5.RowCreate：在GridView控件中建立行時發生。

　　　　　　6.RowDataBound：在GridView控件中將數據行綁定到數據時發生。

　　　　　　7.RowDeleted ：在單擊某一行的刪除按鈕時，但在GridView控件刪除該行以後發生。

　　　　　　8.RowDeleting：在單擊某一行的刪除按鈕時，但在GridView控件刪除該行以前發生。

　　　　　　9.RowEditing：發生在單擊某一行的「編輯」按鈕之後，GridView控件進入編輯模式以前。

　　　　　　10.RowUpdated：發生在單擊某一行的「更新」按鈕，而且GridView控件對該行進行更新以後。

　　　　　　11.SelectedIndexChanged ：發生在單擊某一行的選擇按鈕後，GridView控件對相應的選擇操做進行處理以後。

　　　　　　12.SelectedIndexChanging：發生在單擊某一行的選擇按鈕後，GridView控件對相應的選擇操做進行處理以前。

　　　　　　13.Sorted：在單擊用於列排序的超連接時，但在 GridView控件對相應的排序操做進行處理以後發生。

　　　　　　14.Sorting：在單擊用於列排序的超連接時，但在GridView控件對相應的排序操做進行處理以前發生。

　　　　GridView控件中的綁定數據。

　　　　　　在GridView控件中綁定數據有兩種方式：一是使用多值綁定，二是使用數據源控件。

　　　　　　　　1.使用多值綁定。使用多值綁定方法綁定GridView控件。

　　　　　　　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" >
 3             <AlternatingRowStyle BackColor="White" />
 4             <EditRowStyle BackColor="#2461BF" />
 5             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
 6             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
 7             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
 8             <RowStyle BackColor="#EFF3FB" />
 9             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
10             <SortedAscendingCellStyle BackColor="#F5F7FB" />
11             <SortedAscendingHeaderStyle BackColor="#6D95E1" />
12             <SortedDescendingCellStyle BackColor="#E9EBEF" />
13             <SortedDescendingHeaderStyle BackColor="#4870BE" />
14         </asp:GridView>
15     </div>

View Code

　　　　　　　　　　Default.aspx.cs文件中的代碼以下：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Data;
 4 using System.Data.SqlClient;
 5 using System.Linq;
 6 using System.Web;
 7 using System.Web.Configuration;
 8 using System.Web.UI;
 9 using System.Web.UI.WebControls;
10 
11 namespace WebApplication1
12 {
13     public partial class Default : System.Web.UI.Page
14     {
15         private string connectionString = WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
16         protected void Page_Load(object sender, EventArgs e)
17         {
18             if (!this.IsPostBack)
19             {
20                 Binding();
21             }
22         }
23         private void Binding()
24         {
25             string selectSql = "select * from Student";//獲取學生信息
26             SqlConnection connection = new SqlConnection(connectionString);
27             SqlCommand command = new SqlCommand(selectSql, connection);
28             SqlDataAdapter dataAdapter = new SqlDataAdapter(command);
29             DataSet dataSet = new DataSet();
30             //打開數據庫並讀取信息
31             try
32             {
33                 connection.Open();
34                 dataAdapter.Fill(dataSet, "Student");
35                 //把存儲在DataSet中的數據綁定到GridView控件中
36                 this.GridView1.DataSource = dataSet.Tables["Student"].DefaultView;
37                 this.GridView1.DataBind();
38             }
39             catch (Exception ex)
40             {
41                 Response.Write("讀取過程發生錯誤：" + ex.Message.ToString());
42             }
43             finally
44             {
45                 connection.Close();
46             }
47         }
48     }
49 }

View Code

　　　　　　　　2.使用數據源控件。使用數據源控件綁定GridView控件。

　　　　　　　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataReader" SelectCommand="select * from [Student]">
 4         </asp:SqlDataSource>
 5         <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" DataSourceID="SqlDataSource1" >
 6             <AlternatingRowStyle BackColor="White" />
 7             <EditRowStyle BackColor="#2461BF" />
 8             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
 9             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
10             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
11             <RowStyle BackColor="#EFF3FB" />
12             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
13             <SortedAscendingCellStyle BackColor="#F5F7FB" />
14             <SortedAscendingHeaderStyle BackColor="#6D95E1" />
15             <SortedDescendingCellStyle BackColor="#E9EBEF" />
16             <SortedDescendingHeaderStyle BackColor="#4870BE" />
17         </asp:GridView>
18     </div>

View Code

　　GridView控件的列。

　　　　把GridView控件的屬性AutoGenerateColumns設置爲true，在控件中顯示的列都是自動生成的。但在不少種狀況下，GridView控件的每一列的顯示都須要實現定義。

　　　　GridView控件提供了幾種類型的列以方便操做：

　　　　　　1.BoundField：顯示數據源中某個字段的值，它是GridView控件的默認列類型。

　　　　　　2.ButtonField：爲GridView控件中的每一個項顯示一個命令按鈕。

　　　　　　3.CheckBoxField：爲GridView控件中的每一項顯示一個複選框。

　　　　　　4.CommandField：顯示用來執行選擇、編輯和刪除操做的預約義命令按鈕。

　　　　　　5.HyperLinkField：將數據源中某個字段的值顯示爲超連接。

　　　　　　6.ImagField：爲GridView控件中的每一項顯示一個圖象。

　　　　　　7.TemplateField：根據指定的模版爲GridView控件中每一項顯示用戶定義的內容。

　　　　全部的列的編輯均可以經過字段對話框來進行，進入字段對話框的方式有兩種：

　　　　　　1.選中要編輯的GridView控件，單擊右上角的小按鈕，在彈出的快捷菜單中選擇編輯列，命令便可彈出字段對話框。

　　　　　　2.選中要編輯的GridView控件，在屬性窗口中找到Columns屬性，選中該屬性，單擊在該屬性最右邊出現的按鈕便可彈出字段對話框。

　　　　實現定義GridView控件的各個列，須要把AutoGenerateColumns設置爲false。避免在GridView控件中出現沒必要要的列。

　　GridView控件的排序。

　　　　GridView控件支持對顯示在其中的數據進行排序，只須要把屬性AllowSorting設置爲true便可。

　　　　實現排序功能：

　　　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataSet" SelectCommand="select * from [Student]">
 4         </asp:SqlDataSource>
 5         <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" DataSourceID="SqlDataSource1" 
 6             AutoGenerateColumns="False" AllowSorting="true">
 7             <AlternatingRowStyle BackColor="White" />
 8             <Columns>
 9                 <asp:ButtonField DataTextField="stuNo" Text="按鈕" HeaderText="學號" SortExpression="stuNo" />
10                 <asp:ButtonField DataTextField="Class" Text="按鈕" HeaderText="班級" SortExpression="Class" />
11                 <asp:ButtonField DataTextField="stuName" Text="按鈕" HeaderText="姓名" SortExpression="stuName" />
12                 <asp:ButtonField DataTextField="Age" Text="按鈕" HeaderText="年齡" SortExpression="Age" />
13             </Columns>
14             <EditRowStyle BackColor="#2461BF" />
15             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
16             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
17             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
18             <RowStyle BackColor="#EFF3FB" />
19             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
20             <SortedAscendingCellStyle BackColor="#F5F7FB" />
21             <SortedAscendingHeaderStyle BackColor="#6D95E1" />
22             <SortedDescendingCellStyle BackColor="#E9EBEF" />
23             <SortedDescendingHeaderStyle BackColor="#4870BE" />
24         </asp:GridView>
25     </div>

View Code

　　　　其實GridView控件本身並不執行排序，它是經過數據源控件實現排序的。GridView控件只不過提供一個顯示和操做的數據界面而已，而真實的數據排序是它所綁定到的數據源控件。若是所綁定的數據源控件能夠排列數據，則選擇數據後，GridView控件能夠經過列的屬性SortExpression傳遞給數據源與該數據源控件進行交互並請求排序後的數據。

　　　　並非全部的數據源控件都支持排序的，支持排序的數據源控件所須要的配置以下：

　　　　　　1.SqlDataSource控件的屬性DataSourceMode設置爲DataSet，或屬性SortParameterName設置爲DataSet或DataReader。

　　　　　　2.AccessDataSource控件的屬性DataSourceMode設置爲DataSet，或屬性SortParameterName設置爲DataSet或DataReader。

　　　　　　3.ObjectDataSource控件的屬性SortParameterName設置爲基礎對象所支持的屬性值。

　　　　當所綁定的數據源控件能夠排序數據時，只要將GridView控件的AllowSorting屬性設置爲true，便可啓動該控件中的默認排序行爲。將此屬性設置爲true會使GridView控件將LinkButton控件呈如今列標題中。此外，該控件還將每一列的SortExpression屬性隱式設置爲它所綁定到的數據字段的名稱。

　　　　默認狀況下，當把AllowSorting屬性設置爲true時，GridView控件將支持全部列可排序，但能夠經過設置列的屬性SortExpression爲空字符串禁用對這個列的排序操做。

　　　　還能夠對GridView控件進行自定義排序行爲，能夠在Sorting事件中編寫自定義的排序代碼。在Sorting事件處理程序中能夠進行以下的操做：

　　　　　　1.自定義傳遞給數據源控件的排序表達式。默認狀況下，排序表達式是單個列的名稱，能夠在處理程序中修改排序表達式，而後將修改過的排序表達式傳遞給數據源控件。

　　　　　　2.建立本身的排序邏輯。若是使用的數據源不支持排序，則能夠用本身的代碼執行排序，而後將網格綁定到排序後的數據。

　　GridView控件的分頁

　　　　GridView控件支持對所綁定的數據源中的項進行分頁。

　　　　屬性AllowPaging決定是否使用分頁顯示。當AllowingPaging屬性設置爲true時，PagerSettings屬性容許自定義GridView控件的分頁界面。

　　　　PagerSettings屬性對應PagerSettings類，它提供一些屬性，這些屬性支持自定義GridView控件的分頁界面，PagerSettings類的屬性以下：

　　　　　　1.FirstPageImageUrl：獲取或設置爲第一頁按鈕顯示的圖像URL。

　　　　　　2.FirstPageText：獲取或設置爲第一頁按鈕顯示的文字。

　　　　　　3.LastPageImageUrl：獲取或設置爲最後一頁按鈕顯示的圖像URL。

　　　　　　4.LastPageText：獲取或設置爲最後一頁按鈕顯示的文字。

　　　　　　5.Mode：獲取或設置支持分頁的控件中的頁導航控件的顯示模式。

　　　　　　6.NextPageImageUrl：獲取或設置爲下一頁按鈕顯示的圖像的URL。

　　　　　　7.NextPageText：獲取或設置爲下一頁按鈕顯示的文字。

　　　　　　8.PageButtonCount：獲取或設置在Mode屬性設置爲Numeric或NumericFirstLast值時頁面導航中顯示的頁按鈕的數量。

　　　　　　9.Position：獲取或設置一個值，該值指示頁導航的顯示位置。

　　　　　　10.PreviousPageImageUrl：獲取或設置爲上一頁按鈕顯示的圖像的URL。

　　　　　　11.PreviousPageText：獲取或設置爲上一頁按鈕顯示的文字。

　　　　　　12.Visible：獲取或設置一個值，該值指示是否在支持分頁的控件中顯示分頁控件。

　　　　經過設置PagerSettings類的Mode屬性能夠指定GridView控件的分頁模式。Mode屬性的值包括：

　　　　　　1.NextPrevious：上一頁按鈕和下一頁按鈕模式。

　　　　　　2.NextPreviousFirstLast：上一頁按鈕、下一頁按鈕、第一頁按鈕和最後一頁按鈕模式。

　　　　　　3.Numeric：能夠直接訪問頁面的帶編號的連接按鈕模式。

　　　　　　4.NumericFirstLast：帶編號的連接按鈕、第一頁連接按鈕和最後一頁連接按鈕模式。

　　　　GridView控件的PageSettings屬性的設置能夠在GridView控件的屬性窗口中進行。

　　　　在設置GridView控件支持分頁功能時，還須要設置屬性PageSize的值，來指示在每一頁中最多顯示的數據條。

　　　　實現分頁功能：

　　　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataSet" SelectCommand="select * from [Student]">
 4         </asp:SqlDataSource>
 5         <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" DataSourceID="SqlDataSource1" 
 6             AutoGenerateColumns="False" AllowSorting="true" AllowPaging="True" PageSize="5">
 7             <AlternatingRowStyle BackColor="White" />
 8             <PagerSettings Mode="Numeric" />
 9             <Columns>
10                 <asp:ButtonField DataTextField="stuNo" Text="按鈕" HeaderText="學號" SortExpression="stuNo" />
11                 <asp:ButtonField DataTextField="Class" Text="按鈕" HeaderText="班級" SortExpression="Class" />
12                 <asp:ButtonField DataTextField="stuName" Text="按鈕" HeaderText="姓名" SortExpression="stuName" />
13                 <asp:ButtonField DataTextField="Age" Text="按鈕" HeaderText="年齡" SortExpression="Age" />
14             </Columns>
15             <EditRowStyle BackColor="#2461BF" />
16             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
17             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
18             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
19             <RowStyle BackColor="#EFF3FB" />
20             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
21             <SortedAscendingCellStyle BackColor="#F5F7FB" />
22             <SortedAscendingHeaderStyle BackColor="#6D95E1" />
23             <SortedDescendingCellStyle BackColor="#E9EBEF" />
24             <SortedDescendingHeaderStyle BackColor="#4870BE" />
25         </asp:GridView>
26     </div>

View Code

　　GridView控件的模板列

　　　　GridView控件的列的類型中有一個名爲TemplateField的列，該列爲模板列，能夠利用它根據指定的模版爲GridView控件中每一項顯示用戶定義的內容。

　　　　可使用TemplateField對象制定包含標記和控件的模版，TemplateField對相對應TemplateField類，該類提供了不一樣部分定義的自定義模版，使用不一樣的自定義模版能夠定義不一樣的部分，以下：

　　　　　　1.AlternatingItemTemplate：爲TemplateField對象中的交替項指定要顯示的內容。

　　　　　　2.EditItemTemplate：爲TemplateField對象中處於編輯模式中的項指定要顯示的內容。

　　　　　　3.FooterTemplate：爲TemplateField對象的腳註部分指定要顯示的內容。

　　　　　　4.HeaderTemplate：爲TemplateField對象的標頭部分指定要顯示的內容。

　　　　　　5.InsertItemTemplate：爲TemplateField對象中處於插入模式中的項指定要顯示的內容。只有DetailsView控件支持該模版。

　　　　　　6.ItemTemplate：爲Template對象中的項指定要顯示的內容。

　　　　建立模版

　　　　　　在GridView控件的定義標記中使用標記<asp:TemplateField>便可定義模版。

　　　　　　模版其實就是一個容器，在裏面能夠放置各類控件、標記以及文字等以自定義列的顯示樣式和佈局。

　　　　　　模板列的建立也能夠經過VS提供的可視化界面進行操做，在.aspx頁面的設計視圖中選中要編輯模板列的GridView控件，單擊右上角的小按鈕，在彈出的菜單中選擇編輯列命令，在彈出的字段對話框中選中TemplateField，單擊添加按鈕便可完成一個模板列的建立，而後能夠利用該模板列進行具體格式的定義。

　　GridView控件行的選取

　　　　GridView控件容許用戶在表格中選取一行，可能在GridView控件中選取一行並不執行任何功能，但經過添加選定內容功能，能夠向網格添加一些功能，在用戶選取某行時進行一些操做。因爲在行被選取的過程當中和被選取後分別將引起事件SelectedIndexChanging和SelectedIndexChanged，所以能夠在這兩個事件的處理程序中加入一些自定義代碼以實現自定義的功能。

　　　　GridView控件的行的選取功能是經過添加選擇列來做爲選取行的觸發器，選擇列的生成有兩種方式：

　　　　　　1.設置GridView控件的屬性AutoGenerateSelectButton爲true，在網格中會自動生成一個選擇列。

　　　　　　2.在字段對話框中找到CommandField，選中選擇類型，單擊添加按鈕，會在網格中添加一個選擇列。

　　　　實現行的選取功能：

　　　　　　在Web.config文件中添加以下代碼：

1  <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataSet" SelectCommand="select * from [Student]">
 4         </asp:SqlDataSource>
 5         <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" DataSourceID="SqlDataSource1" 
 6             AutoGenerateColumns="False" AutoGenerateSelectButton="true" AllowSorting="true" AllowPaging="True" PageSize="5"
 7              OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
 8             <Columns>
 9                 <asp:BoundField DataField="stuNo" HeaderText="學號" />
10                 <asp:BoundField DataField="Class" HeaderText="班級" />
11                 <asp:BoundField DataField="stuName" HeaderText="姓名" />
12                 <asp:BoundField DataField="Age" HeaderText="年齡" />
13             </Columns>
14             <EditRowStyle BackColor="#2461BF" />
15             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
16             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
17             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
18             <RowStyle BackColor="#EFF3FB" />
19             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
20             <SortedAscendingCellStyle BackColor="#F5F7FB" />
21             <SortedAscendingHeaderStyle BackColor="#6D95E1" />
22             <SortedDescendingCellStyle BackColor="#E9EBEF" />
23             <SortedDescendingHeaderStyle BackColor="#4870BE" />
24         </asp:GridView>
25     </div>

View Code

　　　　　　Default.aspx.cs中的代碼以下：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Data;
 4 using System.Data.SqlClient;
 5 using System.Linq;
 6 using System.Web;
 7 using System.Web.Configuration;
 8 using System.Web.UI;
 9 using System.Web.UI.WebControls;
10 
11 namespace WebApplication1
12 {
13     public partial class Default : System.Web.UI.Page
14     {
15         protected void Page_Load(object sender, EventArgs e)
16         {
17         }
18 
19         protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
20         {
21             string ID = this.GridView1.SelectedRow.Cells[1].Text.ToString();//獲取選取行的索引
22             Response.Redirect("Form1.aspx?stuNo=" + ID);
23         }
24     }
25 }

View Code

　　　　　　在From1.aspx中添加以下代碼：

 1     <div>
 2         <asp:Label ID="Label1" runat="server" Text="選取的學生信息：" />
 3         <br />
 4         <asp:Label ID="Label2" runat="server" />
 5         <br />
 6         <asp:Label ID="Label3" runat="server" />
 7         <br />
 8         <asp:Label ID="Label4" runat="server" />
 9         <br />
10         <asp:Label ID="Label5" runat="server" />
11     </div>

View Code

　　　　　　Form1.aspx.cs中的代碼以下：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Data;
 4 using System.Data.SqlClient;
 5 using System.Linq;
 6 using System.Web;
 7 using System.Web.Configuration;
 8 using System.Web.UI;
 9 using System.Web.UI.WebControls;
10 
11 namespace WebApplication1
12 {
13     public partial class Form1 : System.Web.UI.Page
14     {
15         string connectionString = WebConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
16         protected void Page_Load(object sender, EventArgs e)
17         {
18             SqlConnection connection = new SqlConnection(connectionString);
19             try
20             {
21                 string stuNo = Request.QueryString["stuNo"].ToString();
22                 string selectSql = "select * from Student where stuNo=" + stuNo;
23                 SqlCommand command = new SqlCommand(selectSql, connection);
24                 SqlDataAdapter dataAdapter = new SqlDataAdapter(command);
25                 DataSet dataSet = new DataSet();
26                 connection.Open();
27                 dataAdapter.Fill(dataSet, "Student");
28                 this.Label2.Text = "學號：" + dataSet.Tables["Student"].Rows[0]["stuNo"].ToString();
29                 this.Label3.Text = "班級：" + dataSet.Tables["Student"].Rows[0]["Class"].ToString();
30                 this.Label4.Text = "姓名：" + dataSet.Tables["Student"].Rows[0]["stuName"].ToString();
31                 this.Label5.Text = "年齡：" + dataSet.Tables["Student"].Rows[0]["Age"].ToString();
32             }
33             catch (Exception ex)
34             {
35                 Response.Write("讀取錯誤：" + ex.Message.ToString());
36             }
37             finally
38             {
39                 connection.Close();
40             }
41         }
42     }
43 }

View Code

　　GridView控件的數據操做

　　　　當GridView控件把數據顯示到頁面時，可能須要對數據進行修改、刪除的操做。GridView控件經過內置的屬性來提供這些操做界面，而實際的數據操做則經過數據源控件或ADO.NET來實現。啓動GridView控件的刪除修改功能的方式以下：

　　　　　　1.將AutoGenerateEditButton屬性設置爲true，能夠啓動修改功能；將AutoGenerateDeleteButton屬性設置爲true，能夠啓動刪除功能。

　　　　　　2.添加一個CommandField列，將其ShowEditButton屬性設置爲true來啓動修改功能，將其屬性ShowDeleteButton屬性設置爲true來啓動刪除功能。

　　　　　　3.建立一個TemplateField，其中ItemTemplate包含多個命令按鈕，要進行更新時將CommandName設置爲Edit，要進行刪除時將CommandName設置爲Delete。

　　　　當啓用GridView控件的刪除或修改功能時，GridView控件會顯示一個可以讓用戶編輯或刪除各行的用戶界面：通常狀況下，會在一列或多列中顯示按鈕或連接，　　　　　　用戶經過單擊按鈕或連接把所在的行置於可編輯的模式下或直接把行刪除。

　　　　在處理更改和刪除GridView控件數據的實際操做時，有以下兩種選擇：

　　　　　　1. 使用數據源控件。用戶保存更改時，GridView控件將更改和主鍵信息傳遞到由DataSourceID屬性標識的數據源控件，從而調用適當的更新操做。

　　　　　　2. 在事件處理程序中使用ADO.NET方法編寫自動的更新或刪除代碼。用戶保存更改時，將觸發事件RowUpdated，在該事件處理程序中得到更改後數據，而後使用ADO.NET方法調用 Update語句把數據更新。用戶刪除行時，將觸發事件RowDeleted，在事件處理程序中得到要刪除行的數據的主鍵，而後使用ADO.NET方法調用Delete語句把數據更新。

　　　　在事件處理程序中是根據三個字典集來得到GridView控件的傳遞數據的，三個字典集合分別是：Keys、NewValues、OldValues。Keys字典包含字段的名稱和值，經過它們惟一的標識將要更新或刪除的記錄，並始終包含鍵字段的原始值。NewValues字典包含正在編輯的行中的輸入控件的當前值。OldValues字典包含除鍵字段之外的任何字段的原始值，鍵字段放在Keys字典中。

　　　　使用自動生成的刪除列和更新列：

　　　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataReader" SelectCommand="select * from Student"
 4              UpdateCommand="update Student set stuNo=@stuNo,Class=@Class,stuName=@stuName,Age=@Age where stuNo=@stuNo"
 5              DeleteCommand="delete from Student Where stuNo=@stuNo">
 6             <UpdateParameters>
 7                 <asp:Parameter Name="Class" Type="String" />
 8                 <asp:Parameter Name="stuName" Type="String" />
 9                 <asp:Parameter Name="Age" Type="String" />
10                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="007" />
11             </UpdateParameters>
12             <DeleteParameters>
13                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="007" />
14             </DeleteParameters>
15         </asp:SqlDataSource>
16         <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="stuNo"
17              OnRowDeleted="GridView1_RowDeleted" OnRowUpdated="GridView1_RowUpdated"
18              AutoGenerateDeleteButton="True" AutoGenerateEditButton="True" CellPadding="4" ForeColor="#333333" GridLines="None">
19             <AlternatingRowStyle BackColor="White" />
20             <Columns>
21                 <asp:BoundField DataField="stuNo" HeaderText="學號" ReadOnly="True" />
22                 <asp:BoundField DataField="Class" HeaderText="班級" />
23                 <asp:BoundField DataField="stuName" HeaderText="姓名" />
24                 <asp:BoundField DataField="Age" HeaderText="年齡" />
25             </Columns>
26             <EditRowStyle BackColor="#7C6F57" />
27             <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
28             <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
29             <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
30             <RowStyle BackColor="#E3EAEB" />
31             <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
32             <SortedAscendingCellStyle BackColor="#F8FAFA" />
33             <SortedAscendingHeaderStyle BackColor="#246B61" />
34             <SortedDescendingCellStyle BackColor="#D4DFE1" />
35             <SortedDescendingHeaderStyle BackColor="#15524A" />
36         </asp:GridView>
37     </div>

View Code

　　　　　　Default.aspx.cs中的代碼以下：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 namespace WebApplication2
 9 {
10     public partial class Default : System.Web.UI.Page
11     {
12         protected void Page_Load(object sender, EventArgs e)
13         {
14 
15         }
16 
17         protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e)
18         {
19             this.GridView1.DataBind();
20         }
21 
22         protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e)
23         {
24             this.GridView1.DataBind();
25         }
26     }
27 }

View Code

　　　　使用CommandField刪除列和更新列：

　　　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataReader" SelectCommand="select * from Student"
 4              UpdateCommand="update Student set stuNo=@stuNo,Class=@Class,stuName=@stuName,Age=@Age where stuNo=@stuNo"
 5              DeleteCommand="delete from Student Where stuNo=@stuNo">
 6             <UpdateParameters>
 7                 <asp:Parameter Name="Class" Type="String" />
 8                 <asp:Parameter Name="stuName" Type="String" />
 9                 <asp:Parameter Name="Age" Type="String" />
10                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="007" />
11             </UpdateParameters>
12             <DeleteParameters>
13                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="007" />
14             </DeleteParameters>
15         </asp:SqlDataSource>
16         <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="stuNo"
17              OnRowDeleted="GridView1_RowDeleted" OnRowUpdated="GridView1_RowUpdated"
18               CellPadding="4" ForeColor="#333333" GridLines="None">
19             <AlternatingRowStyle BackColor="White" />
20             <Columns>
21                 <asp:BoundField DataField="stuNo" HeaderText="學號" ReadOnly="True" />
22                 <asp:BoundField DataField="Class" HeaderText="班級" />
23                 <asp:BoundField DataField="stuName" HeaderText="姓名" />
24                 <asp:BoundField DataField="Age" HeaderText="年齡" />
25                 <asp:CommandField ShowDeleteButton="true" ShowEditButton="true" />
26             </Columns>
27             <EditRowStyle BackColor="#7C6F57" />
28             <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
29             <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
30             <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
31             <RowStyle BackColor="#E3EAEB" />
32             <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
33             <SortedAscendingCellStyle BackColor="#F8FAFA" />
34             <SortedAscendingHeaderStyle BackColor="#246B61" />
35             <SortedDescendingCellStyle BackColor="#D4DFE1" />
36             <SortedDescendingHeaderStyle BackColor="#15524A" />
37         </asp:GridView>
38     </div>

View Code

　　　　　　Default.aspx.cs中的代碼以下：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 namespace WebApplication2
 9 {
10     public partial class Default : System.Web.UI.Page
11     {
12         protected void Page_Load(object sender, EventArgs e)
13         {
14 
15         }
16 
17         protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e)
18         {
19             this.GridView1.DataBind();
20         }
21 
22         protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e)
23         {
24             this.GridView1.DataBind();
25         }
26     }
27 }

View Code

DetailsView控件

　　DetailsView控件主要用來從與它聯繫的數據源中一次顯示、編輯、插入或刪除一條記錄。一般，它將與GridView控件一塊兒使用在主/詳細方案中，GridView控件用來顯示主要的數據目錄，而DetailsView控件顯示每條數據的詳細信息。

　　DetailsView控件自己自帶了編輯數據的功能，只要把屬性AutoGenerateDeleteButton、 AutoGenerateInsertButton和AutoGenerateEditButton設置爲「true」就能夠啓用DetailsView控件的編輯數據的功能，固然實際的數據操做過程仍是在數據源控件中進行。

　　與GridView控件相比，DetailsView控件中支持進行數據的插入操做。

　　使用DetailsView控件顯示數據：

　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataSet" SelectCommand="select * from Student">
 4         </asp:SqlDataSource>
 5         <asp:DetailsView ID="DetailsView1" runat="server" DataSourceID="SqlDataSource1" BackColor="White" BorderColor="#DEDFDE"
 6              BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" AllowPaging="true">
 7             <AlternatingRowStyle BackColor="White" />
 8             <EditRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
 9             <FooterStyle BackColor="#CCCC99" />
10             <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
11             <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
12             <RowStyle BackColor="#F7F7DE" />
13         </asp:DetailsView>
14     </div>

View Code

　　在DetailsView控件中操做數據：

　　　　在Web.config文件中添加以下代碼：

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataSet" SelectCommand="select * from Student"
 4              InsertCommand="insert into Student(stuNo,Class,stuName,Age) 
 5             values(@stuNo,@Class,@stuName,@Age);select @stuNo=SCOPE_IDENTITY()"
 6              UpdateCommand="update Student set stuNo=@stuNo,Class=@Class,stuName=@stuName,Age=@Age"
 7              DeleteCommand="delete Student where stuNo=@stuNo">
 8             <InsertParameters>
 9                 <asp:Parameter Name="Class" Type="String" />
10                 <asp:Parameter Name="stuName" Type="String" />
11                 <asp:Parameter Name="Age" Type="Int32" />
12                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="009" />
13             </InsertParameters>
14             <UpdateParameters>
15                 <asp:Parameter Name="Class" Type="String" />
16                 <asp:Parameter Name="stuName" Type="String" />
17                 <asp:Parameter Name="Age" Type="Int32" />
18                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="009" />
19             </UpdateParameters>
20             <DeleteParameters>
21                 <asp:Parameter Name="stuNo" Type="String" DefaultValue="009" />
22             </DeleteParameters>
23         </asp:SqlDataSource>
24         <asp:DetailsView ID="DetailsView1" runat="server" DataSourceID="SqlDataSource1" BackColor="White" BorderColor="#DEDFDE"
25              BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" AllowPaging="True"
26              AutoGenerateDeleteButton="True" AutoGenerateEditButton="True" AutoGenerateInsertButton="True" DataKeyNames="stuNo">
27             <AlternatingRowStyle BackColor="White" />
28             <EditRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
29             <FooterStyle BackColor="#CCCC99" />
30             <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
31             <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
32             <RowStyle BackColor="#F7F7DE" />
33         </asp:DetailsView>
34     </div>

View Code

ListView控件

　　ListView控件能夠顯示使用數據源控件或ADO.NET得到的數據。

　　使用模板和樣式定義的格式顯示數據。利用ListView控件，能夠逐項顯示數據，也能夠按組顯示數據。

　　ListView 控件的特色：

　　　　1.支持綁定到數據源控件，例如SqlDataSource和ObjectDataSource。

　　　　2.可經過用戶定義的模板和樣式自定義外觀。

　　　　3.內置排序和選擇功能。

　　　　4.內置更新、插入和刪除功能。

　　　　5.支持經過使用DataPager控件進行分頁的功能。

　　　　6.支持以編程方式訪問ListView對象模型，從而能夠動態設置屬性、處理事件。

　　　　7.支持多個鍵字段。

　　支持的模板

　　　　爲了使ListView控件顯示內容，必須爲控件的不一樣部分建立模板。用戶須要根據不一樣的需求建立相應的模板。

　　　　　　1.經過建立LayoutTemplate模板，能夠定義ListView控件的主要（根）佈局。該模板必須包含一個充當數據佔位符的控件。這些控件將包含ItemTemplate模板　　所定義的每一個項的輸出。

　　　　　　2.在ItemTemplate模板中，須要定義各個項的內容。此模板包含的控件一般已綁定到數據列或其餘單個數據元素。

　　　　　　3.使用GroupTemplate模板，能夠選擇對ListView控件中的項進行分組。對項分組一般是爲了建立平鋪的表佈局。

　　　　　　4.使用EditItemTemplate模板，能夠提供已綁定數據的用戶界面，從而使用戶能夠修改現有的數據項。

　　　　　　5.使用InsertItemTemplate模板還能夠定義已綁定數據的用戶界面，以使用戶可以添加新的數據項。

　　　　一般須要向模板中添加一些按鈕，以容許用戶指定要執行的操做。經過設置按鈕的 CommandName 屬性，能夠定義按鈕將執行的操做。

　　　　　　1. Select：顯示所選項的SelectedItemTemplate模板的內容。

　　　　　　2. Insert：在InsertItemTemplate模板中，將數據綁定控件的內容保存在數據源中。

　　　　　　3. Edit：把ListView控件切換到編輯模式，並使用EditItemTemplate模板顯示項。

　　　　　　4. Update：在EditItemTemplate 模板中，指定應將數據綁定控件的內容保存在數據源中。

　　　　　　5. Delete：從數據源中刪除項。

　　　　　　6. Cancel：取消當前操做。

　　ListView控件模版的應用：　　

　　　　在Web.config文件中添加以下代碼：　　

1   <connectionStrings>
2     <add name="ConnectionString" connectionString="Data Source=追風的蝸牛;Initial Catalog=Student;Integrated Security=True"/>
3   </connectionStrings>

View Code

　　　　在Default.aspx中添加以下代碼：

 1     <div>
 2         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ConnectionStrings:ConnectionString %>"
 3              ProviderName="System.Data.SqlClient" DataSourceMode="DataReader" SelectCommand="select * from Student">
 4         </asp:SqlDataSource>
 5         <asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
 6             <LayoutTemplate>
 7                 <table runat="server" id="Table1">
 8                     <tr runat="server" id="itemPlaceHolder" />
 9                 </table>
10             </LayoutTemplate>
11             <ItemTemplate>
12                 <tr runat="server">
13                     <td id="td1" runat="server">
14                         <asp:Label ID="Label1" runat="server" Text='<%#Eval("stuName") %>' />
15                     </td>
16                 </tr>
17             </ItemTemplate>
18         </asp:ListView>
19     </div>

View Code

Chart控件

　　Chart控件是Visual Studio 2010中新增的一個圖表型控件。

　　Chart控件功能很是強大，可實現柱狀直方圖、曲線走勢圖、餅狀比例圖等，甚至能夠是混合圖表，能夠是二維或三維圖表，能夠帶或不帶座標系，能夠自由配置各條目的顏色、字體等等。

　　Chart控件的主要組成部分：

　　　　1.Annotation：圖形註解集合，它是對圖形的如下註解對象的集合，註解對象相似於對某個點的詳細或批註的說明。

　　　　2.CharAreas：圖表區域集合，圖表的繪製區。Chart控件不限制CharAreas繪圖區域的添加個數，對於每個CharAreas繪圖區域能夠設置各自的屬性。繪圖區域只是一個能夠繪圖的區域範圍，自己並不包括各類屬性數據。

　　　　3.Legends：圖例集合，標註圖形中各個線條或顏色的含義，一樣，一個圖片也能夠包含多個圖例說明，分別說明各個繪圖區域的信息。

　　　　4.Series：圖標序列集合，圖標序列就是實際的繪圖繪圖數據區域，實際呈現的圖形形狀就是由此集合中的每一個圖表來構成的，能夠往集合裏添加多個圖表，每一個圖表均可以有本身的繪製形狀、樣式、獨立的數據等。每一個圖表能夠指定它的繪圖區域，讓圖標呈如今某個繪圖區域，也可讓幾個圖表在同一個繪圖區域疊加。

　　　　5.Titles：圖表標題集合，用於圖表標題的設置，能夠添加多個標題，設置標題的屬性。

　　對於簡單的圖表，用默認的樣式就能夠了，不用對ChartArea進行太多的修改，只要在<asp:Series>中添加數據點。數據點被包含在<Points>和</Points >標籤中，使用<asp:DataPoint/>來定義。數據點有如下幾個重要的屬性：

　　　　1. AxisLabel：獲取或設置爲數據列或空點的X軸標籤文本。此屬性僅在自定義標籤還沒有就有關Axis對象指定時使用。

　　　　2. XValue：設置或獲取一個圖表上數據點的X座標值。

　　　　3. YValues：設置或獲取一個圖表中數據點的Y座標值。