《ASP.NET程序设计教学课件作者崔永红等第7章节》由会员分享，可在线阅读，更多相关《ASP.NET程序设计教学课件作者崔永红等第7章节（59页珍藏版）》请在金锄头文库上搜索。
1、第7章,ASP.NET数据控件,主要内容,ASP.NET数据控件 DataGrid控件 模 板 DataList控件 Repeater控件 GridView控件,7.1 DataGrid控件,功能简介 操作示例,7.1.1 功能简介,列类型 其他重要列属性,列类型,bound column hyperlink column button column Template column Edit Command column,其他重要列属性,Visible：控制定义的列是否显示在DataGrid中。 AllowSorting：是否可以进行列排序。当AllowSorting=true时，可以通过单击
2、列的表头的方式，将DataGrid的显示数据进行排序。 AllowPage：是否以分页方式显示数据。当对有大量数据的数据源进行显示时，默认以20行一页的方式来显示数据，同时显示一个“下页/前页”的按钮，单击按钮可以向前或向后浏览整个数据源的数据。当AllowPage=true时，即以分页方式进行显示。可以通过设定CurrentPageIndex属性来直接跳转到相应的数据页。,7.1.2 操作示例,自动产生列 修改DataGrid配色方案 分页 排序,自动产生列,在Visual Studio.NET 2003集成开发环境下，单击“文件”“新建”“项目”命令，弹出“新建项目”对话框。在“项目类型”
3、列表框中选择“Visual C#项目”，在“模板”列表框中选择“ASP.NET Web应用程序”。创建一个新工程DataGridDemo1，然后从工具箱拖入一个DataGrid控件，如图所示。,拖入DataGrid后的设计界面,自动产生列,然后右击“服务器资源管理器”中的“数据连接”选项，从弹出的快捷菜单中单击“添加连接”命令，创建一个SQL Server服务器连接，如图所示。,添加数据库连接,设置连接属性,自动产生列,设置好必要的属性后按回车键，“服务器资源管理器”任务窗格变成如图所示。,添加数据库连接后的“服务器资源管理器”,自动产生列,然后展开新建的数据库连接，选中“表”“Custome
4、rs”，将它拖入设计界面，如图所示。,拖入Customers表后的设计界面,自动产生列,在“sqlDataAdapter1”控件上右击，单击“生成数据集”命令，如图所示。,从SqlDataAdapter控件,自动产生列,设计界面上添加了dataSet11控件，如图所示。,自动生成的数据集,自动产生列,在设计界面上单击“DataGrid1”控件，在“属性”任务窗格中按图所示进行设置。此时设计窗体如图所示。,DataGrid1属性设置,和DataSet绑定后的DataGrid设计窗体,自动产生列,在WebForm1.aspx.cs的Page_Load方法里添加如下代码： private void
5、Page_Load(object sender, System.EventArgs e) if(!IsPostBack) /仅在页面生成时处理 sqlConnection1.ConnectionString=“server=localhost; database=northwind;uid=sa;pwd= password;“; sqlDataAdapter1.Fill(dataSet11); /填充数据集 DataGrid1.DataBind(); /将数据集上的数据显示在DataGrid控件上 ,自动产生列,按【F5】键，运行程序，结果如图所示。,DataGrid运行结果,修改DataGr
6、id配色方案,在DataGrid控件上右击，单击“自动套用格式”命令或属性窗体的“自动套用格式”链接后，弹出如图所示对话框。,修改配色方案后的DataGrid,修改DataGrid配色方案,直接运行后结果如图所示。,修改配色方案后的DataGrid运行结果,修改DataGrid配色方案,下面来比较一下修改配色方案前后的html代码，修改前代码： “DataKeyField= “CustomerID“ Width=“680px“ 修改后代码： “DataKeyField=“CustomerID“ Width=“680px“ BorderColor=“#999999“ BorderStyle=“N
7、one“ BorderWidth= “1px“ BackColor=“White“ CellPadding=“3“ GridLines=“Vertical“,修改DataGrid配色方案,DataGrid样式表,分页,将DataGrid1的AllowPaging设置为True，然后在DataGrid1的PageIndexChanged事件上双击，并添加如下代码： private void DataGrid1_PageIndexChanged(object source, System.Web.UI. WebControls.DataGridPageChangedEventArgs e) Dat
8、aGrid1.CurrentPageIndex=e.NewPageIndex; /设置新页位置 DataGrid1.DataSource=GetAllCustomers(); /重新显示 DataGrid1.DataBind();,分页后的显示结果,排序,设置DataGrid的AllowSorting属性为True，然后添加如下SortCommand处理程序： private void DataGrid1_SortCommand(object source,System.Web.UI.WebControls. DataGridSortCommandEventArgs e) DataSet ds
9、=GetAllCustomers(); DataView dv=new DataView(ds.Tables0); dv.Sort=e.SortExpression; DataGrid1.DataSource=dv; DataGrid1.DataBind(); ,排序,上面代码使用了DataView类，对DataSet的数据进行动态排序后绑定到DataGrid。按照CompanyName列排序后的结果如图所示。,DataGrid排序处理后的结果,7.2 模 板,对需要显示的列进行设置 对外键列进行设置,对需要显示的列进行设置,在Visual Studio.NET 2003集成开发环境下，单击“
10、文件”“新建”“项目”命令，出现“新建项目”对话框。在“项目类型”列表框中选择“Visual C#项目”，在“模板”列表框中选择“ASP.NET Web应用程序”。创建一个新工程DataGridDemo5，然后从工具箱拖入一个DataGrid控件。,对需要显示的列进行设置,将DataGrid的AutoGenerateColumns属性设置为False。 单击“属性窗体”的“属性生成器”链接，弹出如图所示的对话框。,“属性生成器”对话框,对需要显示的列进行设置,选择“可用列”列表框中的绑定列，单击“”按钮，添加6个绑定列，设置如表所示。,设置DataGrid的属性,对需要显示的列进行设置,和上节
11、的绑定代码类似，运行后的结果如图所示,自定义绑定列,7.3 DataList控件,数据列表可以选择和修改数据项的内容。数据列表的数据显示和布局也是通过模板来控制的。同样的，模板至少要定义一个数据项模板（ItemTemplate）来指定显示布局。数据列表支持的模板类型更多，如下所示。,7.3 DataList控件,ItemTemplate模板：数据项模板，必需的，它定义了数据项及其表现形式。 AlternatingItemTemplate模板：数据项交替模板，为了使相邻的数据项能够有所区别，可以定义交替模板，它使得相邻的数据项看起来明显不同，缺省情况下，它和ItemTemplate模板定义一致，
12、即缺省情况下相邻数据项无表示区分。,7.3 DataList控件,SeparatorTemplate模板：分割符模板，定义数据项之间的分割符。 SelectedItemTemplate模板：选中项模板，定义被选择的数据项的表现内容与布局形式，当未定义SelectedItemTemplate模板时，选中项的表现内容与形式无特殊化，由ItemTemplate模板定义所决定。,7.3 DataList控件,EditItemTemplate模板：修改选项模板，定义即将被修改的数据项的显示内容与布局形式，缺省情况下，修改选项模板就是数据项模板（ItemTemplate）的定义。 HeaderTempla
13、te模板：报头定义模板，定义重复列表的表头表现形式。 FooterTemplate模板：表尾定义模板，定义重复列表的列表尾部的表现形式。,7.3 DataList控件,此外，还有一些其他属性可以导致数据列表的显示有较大的改变，下面择重说明。 （RepeatLayout属性：显示布局格式，指定是否以表格形式显示内容。 RepeatLayout.Table指定布局以表格形式显示。 RepeatLayout.Flow指定布局以流格式显示，即不加边框。 RepeatDirection属性：显示方向，指定显示是横向显示还是纵向显示。 RepeatDirection.Horizontal指定是横向显示。
14、RepeatDirection.Vertical指定是纵向显示。,7.3 DataList控件,RepeatColumns属性：一行显示列数，指定一行可以显示的列数，缺省情况下，系统设置为一行显示一列。需要说明的是，当显示方向不同时，虽然一行显示的列数不变，但显示的布局和显示内容的排列次序却有可能大不相同。,7.3 DataList控件,BorderWidth属性：当RepeatLayout=RepeatLayout.Table，即以表格形式显示时，边框的线宽度。 Unit.Pixel(x) x=0，当x为0时无边框。 GridLines属性：当RepeatLayout=RepeatLayou
15、t.Table，即以表格形式显示时，在表格当中是否有网隔线分离表格各单元。,7.3 DataList控件,GridLines=GridLines.Both，指有横向和纵向两个方向的分割线。 GirdLines=GridLines.None，指无论横向还是纵向均无分割线。,7.4 Repeater控件,这种服务器控件会以给定的形式重复显示数据项目，故称之为重复列表。使用重复列表有两个要素，即数据的来源和数据的表现形式。数据来源的指定由控件的DataSource属性决定，并调用方法DataBind绑定到控件上。这里需要说明的是数据取出以后如何表现的问题，即如何布局。重复列表的数据布局是由给定的模板
16、来决定的，由于重复列表没有缺省的模板，所以使用重复列表时至少要定义一个最基本的ItemTemplate模板。,7.4 Repeater控件,重复列表支持以下模板标识： ItemTemplate模板：数据项模板，必需的，它定义了数据项及其表现形式。 AlternatingItemTemplate模板：数据项交替模板，为了使相邻的数据项能够有所区别，可以定义交替模板，它使得相邻的数据项看起来明显不同，缺省情况下，它和ItemTemplate模板定义一致，即缺省情况下相邻数据项无表示区分。 SeparatorTemplate模板：分割符模板，定义数据项之间的分割符。 HeaderTemplate模板：报头定义模板，定义重复列表的表头表现形式。 FooterTemplate模板：表尾定义模板，定义重复列表的列表尾部的表现形式。,7.5 GridView控件,在Visual Studio 2005中，GridView服务器端控件以表格的形式显示数据。与DataGrid控件类似，GridView支持数据的分页、排序、增加、删除、修改和选择等
