《窗体与数据显示控件.ppt》由会员分享，可在线阅读，更多相关《窗体与数据显示控件.ppt（53页珍藏版）》请在三一办公上搜索。
1、第6章 窗体与数据显示控件,ASP.NET的Web窗体提供了大量的数据显示处理控件，其中最重要的有3种，即GridView控件、DataList控件和Repeater控件。,Web窗体是ASP.NET的重要组成部分,是ASP.NET开发的核心。特点：为客户端引入了HTML编程的新模式 为服务器端引入了控件事件处理的模式 整个编程环境提供了类似窗体编程的处理模式。Web窗体包含传统网页设计的所有处理方式，同时提供了不同于传统意义上的网页设计的方式，引入了用户控件和服务器控件等传统窗体处理模式,6.1 Web窗体,Web窗体加入了新的指令和新的可重用选项，以及新的服务器端数据绑定语法等。,一、We
2、b窗体文件构成：.aspx的文本文件：包含所有HTML的标记符号和相关指令代码等，该文件必须存在。在集成编辑环境中表现为文本视图（源）和可视化试图（设计）.aspx.cs 的程序代码：包含页面类的所有申明和事件处理代码。（该文件内容可以内嵌在aspx文件中）,6.1.1 页面组成及元素,Default.aspx文件代码中出现了ASP.NET页面中很多的元素，包括:服务器端注释 指令 静态HTML代码 服务器控件 自定义服务器控件 用户控件,2、页面元素,2 页面元素,ASP.NET的窗体模型提供了用户与服务器端交互的模式，用户可以通过控件与服务器端的交互完成程序的执行，这些程序的执行依靠Web
3、应用程序的回发特性完成。第一次执行ASP.NET的页面时，页面内的代码会被编译成从Page基类继承来的类，编译完成之后，类将被执行，生成可识别的HTML标志流回传客户端,HTML标记的效果将显示在浏览器上，然后类将被从内存中删除。每个ASP.NET的Web窗体都包含一个标记，当用户提交一个窗体后，该标记将指示页面回发给自己。为了在页面请求之间维持状态，ASP.NET运行库也为隐藏窗体字段提供了相应的功能。,6.1.2 页面生存周期,当页面被处理完成并且输出到浏览器后，页面以及其控件立即被卸载，这个过程如下：（1）用户通过浏览器请求页面(http)。（2）加载并初始化页面和控件。（3）如果请求的
4、页面是回发的结果，控件状态从视图状态加载，并应用用户提交的任何改变。（4）页面事件处理程序和用于用户操作触发事件的事件处理程序被执行。（5）将控件状态保存到视图状态中。（6）将页面的HTML输出到浏览器中。（7）卸载页面和控件。,6.1.2 页面生存周期,在ASP中使用了少量的指令，这些指令在ASP.NET中不但被保留，而且增加了很多属性，除此之外，ASP.NET还增加了新的指令，这些指令包括控制页面行为和配置到缓存输出等。例如:,6.1.3 Page指令：页面专有属性,1.Page指令的属性,1.Page指令的属性,页面跟踪启用之后，将调试语句直接写入页的输出中，并且有条件地运行调试代码。可
5、以按照如下语法设置启用页面跟踪：也可以使用Page指令的TraceMode属性，对跟踪语句按照类别的组织。,2.Page指令的跟踪属性,例:protected void Button1_Click(object sender,EventArgs e)int i=10,j,k;/声明3个整数变量/为整数j赋值j=Int32.Parse(tbComputer.Text);/为整数k赋值k=i/j;Response.Write(k);/输出整数k的值,在默认情况下，该属性默认为SortByTime，如下：页声明Trace属性用于将语句输出调试到页输出。在启用了跟踪语句后，可以使用Trace.Writ
6、e和Trace.Warn方法写到调试语句，但是两种方法都采用消息字符串或者类别和消息字符串，其中Trace.Warm是以红色的字符串输出。,Import指令用于向页面导入.NET框架命名的命名空间或者自定义空间。导入命名空间之后，在代码中就不再显式地使用命名空间的全名了。Import指令只有Namespace一个属性，这个属性指定要导入的命名空间。Import指令的语法如下：,Import指令，导入指令,Assembly指令用于在编译时将程序集链接到页面中，这使得开发人员可以使用程序集公开的所有类和方法等。在链接应用程序bin子目录时不需要使用Assembly指令。这些程序集会根据Machin
7、e.config配置文件中的自动链接。,Assembly指令：程序集链接,6.2 DataBind技术,绑定属性 绑定到集合绑定表达式或者函数,数据绑定,DataBind是一种全新的技术，通过它可以将程序中的执行数据与页中的属性、集合、表达式以及函数结果“绑定”(binding)在一起。换句话说，只要程序中相应的数据发生变化,那么这些与数据“绑定”在一起的属性、集合、表达式以及函数结果的值就会随之改变。,数据绑定,数据绑定几乎可以把任何类型的数据绑定到ASP.NET页面中的任何控件或其属性中，可以完全控制数据库和页面之间的移动。可以把数据显示给用户、设置控件上的样式属性，或让用户直接修改数据库
8、。简单绑定：使用数据表达式复杂绑定：使用控件的DataSource绑定数据库内容。,数据绑定,数据绑定,从上面的例子可以看出，绑定的数据包含在，标签之内,这与标签有些相似，千万不要以为它们的“样子”差不多就认为它们的功能也是一样的，与之间的差别非常大。之间的代码将会被直接执行 之间包含的代码,仅仅在DataBind()方法调用后，才会被执行。Page以及所有Server控件都拥有DataBind万法。,1 绑定属性,ASP.NET数据绑定语法支持绑定到共有变量、页面上定义的属性对象以及页面上其他控件的属性。绑定到属性的语法是：,绑定属性,绑定数据到属性public string name=刘涛
9、;public int age=25;void Page_Load(object sender,System.EventArgs e)Page.DataBind();,绑定属性,绑定数据到属性示例 姓名：年龄：城市：runat=server/请输入城市：,2 绑定表达式或者函数,在很多情况下，需要在数据绑定到控件之前对数据本身进行一些处理，此时程序可以将数据交给事先定义的函数处理，然后再返回。绑定到表达式的语法是：,3 绑定到集合,列表类的服务器控件，如数据列表控件、下拉列表框控件等可以使用一个集合作为数据源。绑定的集合有:ArrayList(数组)HashTable(哈希表)DataView
10、(数据视图)DataReader(数据访问器),绑定表达式或者函数,ArrayList array=new ArrayList();void Page_Load(object sender,System.EventArgs e)array.Add(中国);array.Add(韩国);array.Add(英国);array.Add(法国);myDataList.DataSource=array;myDataList.DataBind();string Show(string strCountry)if(strCountry=中国|strCountry=韩国)return 亚洲;elseretur
11、n 欧洲;,绑定表达式或者函数,数据绑定到函数或表达式示例 国家：属于：,在中，微软为.NET开发人员提供了一种新的服务器控件，即DataGrid控件。该控件能够独立地显示数据源中的数据，并且能进行在线编辑、数据排序和分页等工作。经过长期的实践和设计后，微软在ASP.NET 2.0中正式推出了GridView控件。,6.3 GridView控件,GridView控件以表格形式布局显示数据。在默认情况下，GridView以只读模式显示数据，也能够在运行时自动在可编辑控件中显示数据。还可通过“属性生成器”对话框创建“选择”、“编辑”、“更新”和“取消”按钮及编程结构。GridView支持分页和排序
12、功能，可使用控件的自定义导航功能通过控制发送到客户端浏览器的数据量来提高性能。,6.3.1 GridView控件概述,6.3.1 GridView控件概述,GridView有个重要的属性:DataSource属性：最简单地讲，就是一组相同特征的对象或者一个相同对象的集合 Items集合：每一个列表绑定控件都有一个Items集合，集合中的每一个Item是DataSource所指定的一个对象 数据绑定列表绑定控件基于ASP.NET框架，需要你明确地进行数据绑定。这就意味着：只有当DataBind方法被调用时，才真正需要提取其DataSource 所代表的数据。当DataBind方法被调用时，列表绑
13、定控件将提取DataSource，创建Items集合，并从DataSource取回数据，以初始化Items集合,6.3.1 GridView控件概述,GridView控件可用于创建各种样式的表格。它还支持对项目的选择和操作，是最复杂、功能最强大的控件GridView的AutoGenerateColumns属性缺省是True。当AutoGenerateColumns为True时，GridView将检查其数据源和其对象映射，并为每一个共有属性或者字段创建一个列。每一个自动产生的列称为一个BoundColumn（绑定列）。绑定列根据其数据表对应列的数据类型，自动将其转化为一个字符串，显示在表格的一个
14、单元中。,数据绑定方法：DataBinder.Eval、Eval、Bind 1.Eval 方法是静态（只读）方法，该方法采用数据字段的值作为参数并将其作为字符串返回。DataBinder.Eval(Container.DataItem,IntegerValue,0:c)2.Bind 方法支持读/写功能，可以检索数据绑定控件的值并将任何更改提交回数据库。,6.3.1 GridView控件概述,6.3.2 GridView控件使用,1、GridView控件的基本使用（显示数据）2、GridView控件的属性设定 3、GridView控件的分页和排序,实例分析 已知学生档案信息表,通过绑定方式显示学
15、生的信息.操作:(1)学生档案表建立(2)建立查询网页(3)配置数据源(DataSource)(4)设置绑定效果,1 GridView控件的基本使用（显示数据）,(1)自动套用格式(2)列(字段)的设置 字段属性的设置(标题/宽度/字体/颜色/字号)特殊类型字段添加 模版字段的设置(3)事件处理 特定事件处理 自定义事件处理,2 GridView控件的属性设定,(1)分页 在中，使用SqlDataSource控件进行分页是十分容易的事情。SqlDataSource数据源控件是用来与数据为打交道的，可以读取数据库中的数据，并可以和GridView等控件进行绑定。如果要对分页时每页显示多少条数据进
16、行显示，则只需要设置GridView的PageSize属性即可。设置:AllowPaging=True“PageSize=3,3 GridView控件的分页和排序,有时需要立即返回首页或者前进到最后一页，为此GridView控件提供了PagerStyle和PagerSettings属性。PagerStyle属性对显示页数的属性进行设置，PagerSettins属性则是设置往返页面链接的一些属性，如链接的文字和模式等。,3 GridView控件的分页和排序,(2)排序设置:AllowSorting=True“SortExpression=XM,3 GridView控件的分页和排序,6.4 Rep
17、eater控件,Repeater控件是一种比较实用的Web控件，它通过重复的列表来显示数据项。以一种重复清单的方式将数据一行行显示出来，它本身不提供内建的布局和风格，需要开发者自定义模板来实现它的布局和风格。除此之外，它也不具备数据编辑、排序、分页、选取的功能。,Repeater控件,声明一个Repeater控件的语法形式如下 template content 模板是一种控件，它能够使用HTML标签、文本及其他控件来控制数据的显示。Repeater控件允许在Template中使用HTML片断的。,Repeater控件,ItemTemplate：Repeater控件必须使用该模板，它针对每一条记
18、录显示在一行，也可以绑定到其它控件中。AlternatingItemTemplate：与ItemTemplate相同，可以设置隔行样式。HeaderTemplate和FooterTemplate：所有记录的前后显示HTML，典型的是 和SeparatorTemplate：数据记录之间显示间隔符号，如,Repeater控件,Repeater控件案例分析,连接定义:#region 连接string Connstr;/连接串Connstr=Provider=SQLOLEDB;+Data Source=ntserver0;User Id=sa;Password=;+Connect Timeout=30
19、;Initial Catalog=MyDb;conn;conn=new OleDbConnection(Connstr);conn.Open();/打开连接#endregion,Repeater控件案例分析,连接定义:Cm;Cm=new OleDbCommand();Cm.Connection=conn;Cm.CommandType=;Cm.CommandText=select*from XSDAB;Da=new System.Data.OleDb.OleDbDataAdapter(Cm);Ds=new DataSet();Da.Fill(Ds,Dab);this.Repeater1.Data
20、Source=Ds;this.Repeater1.DataMember=Dab;this.Repeater1.DataBind();,Repeater控件案例分析,ItemTemplate模板:姓名:班级：,Repeater控件案例分析,AlternatingItemTemplate模板:姓名:班级：,Repeater控件案例分析,其它模板:学生档案表开始 学生档案表结束,6.5 DataList控件,它与Repeater类似，不过它具有交互性，允许用户修改数据。DataList控件还支持另外两个模板控件：SelectItemTemplate：指定仅当用户选择DataList控件中的项目后才显示的元素，通常用来修改样式属性以反映某记录被选中或扩展诸如层次关系（父子关系）。EditItemTemplate：指定处于编辑模式的样式。,DataList控件,声明DataList控件的语法形式和声明Repeater控件的语法形式很相似，如下所示：template content,DataList控件,DataList控件,DataList控件,
