《ASP.NET数据绑定技术-数据绑定技术原理.ppt》由会员分享，可在线阅读，更多相关《ASP.NET数据绑定技术-数据绑定技术原理.ppt（54页珍藏版）》请在三一文库上搜索。
1、数据绑定技术原理,ASP.NET数据绑定技术 之,主要内容,数据绑定原理 GridView基础知识 GridView应用实例 数据绑定控件的组合使用,2,1 数据绑定原理,只有知其所以然才能知其然,引例：直观了解数据绑定,现场编程展示（参考示例：UseDataBind）,4,数据绑定的层次结构,数据库,ADO.NET,数据绑定控件,数据源控件,5,提供显示和编辑数据的可视 化界面,IDataSource,DataSourceView,提供对数据的访问接口：增、删、改、查,与数据库交互，完成信息的增、删、改、查工作。,信息的存放地,调用,存取,常用的数据绑定控件,6,常用的数据源控件,7,多种可
2、绑定的数据对象,除了绑定到数据源这种具有很强功能的对象之外，数据绑定控件还可以绑定到最小实现了IEnumerable接口的集合对象（比如数组/HashTable/List）。 另外，通过使用数据绑定表达式，可以将一些数据绑定控件直接与某个函数或属性进行绑定。,8,数据绑定的三种实现方式：,将数据绑定控件的DataSourceID设定为数据源控件，数据绑定控件即可充分利用数据源控件的功能实现对数据的“增删改查”。这称为“自动数据绑定”。 也可以不使用DataSourceID，而是直接将数据源赋值给数据绑定控件的DataSource属性，然后再调用数据绑定控件的DataBind()方法实现“手工数
3、据绑定”。 或者直接在页面中放置绑定表达式，然后在Page_Load中调用页面类的DataBind()方法实现数据绑定。,9,数据绑定表达式,第一步：设定数据表达式 第二步：执行Page类中的Bind()方法。 Demo:UseDataBind（DataBindingExpression.aspx）,10,重要编程提示： 直接在页面中嵌入C#代码的方法： 无需调用Page.Bind()方法，上述代码总是执行。,理解“数据绑定模板”,由于要显示的数据通常包含多条结构类似的记录，因此，经常使用“模板（Template）”来指定单条记录的显示格式，然后，数据绑定控件自动将这一定义好的模板应用于所有要
4、显示的记录。 可以针对不同的场景定义不同的模板，比如为浏览状态显示一个只读的模板（通常用Label来表达信息），然后为编辑状态显示另一个模板（通常用TextBox来向用户提供修改信息的手段）。 大多数数据绑定控件都提供了相应的方法在不同的状态间切换（比如从浏览切换到编辑状态），并会自动加载相应的模板，与此同时，还会激发相应的事件。,11,在数据绑定模板中绑定数据（1）,当一个ASP.NET控件位于一个数据绑定模板中时，可以使用Eval()方法将其的某个属性与数据源中当前数据对象的某个属性相绑定。,12, ClientID: / ,Eval方法提供了一个单向的只读的数据值。这就是说，数据是从“数
5、据源”对象单向传送给模板中的控件，没有办法修改数据源对象中的数据。,在数据绑定模板中绑定数据（2）,当需要修改数据源中的数据时，通常采用Bind()方法实现这一功能：,13, ClientName: / ,当使用Bind方法时，用户所作的修改会被传送回数据源控件以实现更新。,数据绑定实例分析,Demo: UseDataBind（UseEvalAndBind.aspx）,14,示例要点： 使用FormView控件绑定到SQLDataSource，定义其编辑和插入模板。,自动绑定 VS 手工绑定,ASP.NET提供的自动数据绑定机制虽然很自动化，几乎不用编码就可以完成许多功能，然而，在实际项目中为
6、了实现严格的分层架构和保证程序的灵活性与可控性，往往不使用自动绑定，而是手工编程实现数据绑定。 下面我们将以最复杂也是最常用的GridView为例，深入介绍数据绑定控件的使用方法。,15,2 GridView基础知识,以点带面，举一反三,形成GridView的全局观（1）,GridView以表格的方式显示数据。,17,GridViewRow对象代表GridView控件中的一行，GridView的Rows属性代表当前显示在页面上所有GridViewRow对象的集合,TableCell代表一个单元格，这是一个控件容器，其中可以放置各种ASP.NET控件。 GridViewRow对象的Cells集合
7、代表这一行的所有单元格,形成GridView的全局观（2）,与GridView绑定的数据都具有二维表的性质。 若绑定的是DataTable，则每个GridViewRow对象负责显示一个DataRow，而每个TableCell则负责显示此DataRow中特定字段的值。 若绑定的是List，则每个GridViewRow对象负责显示一个T类型的对象，而每个TableCell则负责显示此对象的特定属性的值。,18,数据绑定控件GridView中的列（1）,GridView中的列可以用不同方式显示数据。 Gridview列对象模型,19,数据绑定控件GridView中的列（2）,BoundedField
8、：直接与数据对象的某个“列/属性”绑定，以文本形式显示其值。 HyperLinkField：根据数据对象某个列（属性）的值生成一个超链接元素（）。 ImageField：根据数据对象某个列（属性）的值生成一个元素，显示一张图片 ButtonField：显示一个按钮 CommandField：其实就是拥有特定CommandName的ButtonField，完成通用的“编辑”、“删除”和“选择”功能。 TemplateField：模板列，用于自定义GridView的显示界面，非常灵活与有用。,20,图示GridView的列与行,21,CommandField,BoundedField,header
9、,footer,Gridview的重要事件,GridView及GridViewRow会引发一系列的事件，应用好这些事件非常关键，常用的有以下几个： RowCommand ：点击每行中的按钮（ButtonField）时引发，可通过CommandName区分开是哪个按钮被点击。 RowDataBound ：给每行绑定数据时发生，通常用它来设置模板列中特定控件的属性。 RowDeleting ：删除一行时发生，可以取消删除。 RowUpdating ：更新一行数据时发生，可以取消更新。 SelectedIndexChanged ：选择的行发生改变时发生。 PageIndexChanging：点击分页
10、按钮时发生。,22,访问基础数据,使用GridViewRow对象 的DataItem 属性，可以访问基础数据对象的属性 GridView控件的DataKeyNames属性用于指定主键，每一行GridViewRow会生成一个DataKey对象，整个Gridview控件会有一个DataKey对象的集合（用DataKeys属性代表）。 可以通过Gridview的SelectedDataKey方法获取当前选中行的DataKey对象，然后再检索键值。,23,掌握GridView编程技巧的关键,牢记：GridView只负责数据的显示，它不管数据的增删改查！ 记住GridView对象模型： 行由哪个对象表达
11、，列有几种类型 了解GridView的常用事件，知道这些事件可由哪些对象引发，高度注意每种事件参数中包含的信息。,24,3 GridView应用实例,本节示例网站GridViewDemo说明,为了清晰地展示出GridView的使用技巧，实例使用手工数据绑定方式。 绑定的数据来自于Clients表，对应的类为ClientInfo，GridView绑定到List集合对象。ClientInfoAccessObj对象包含一系列的方法，使用ADO.NET技术从数据库中提取与更新数据。 上述两个类均放置于示例网站的App_Code文件夹下。 这种网站架构也用于本系列的大实例HappyBookShop中。,
12、26,实例1：自定义显示列和列标题,可以让GridView只显示特定的列，并且指定列的标题。 Demo: CustomizeColumns.aspx,27,实例1要点：,28,从这个例子中我们可以知道,GridView会根据绑定的数据源自动创建列，这是通过反射实现的。 每个列都是一种特定类型的DataControlField，可以通过设置它的一些属性来定制它的外观和行为。 对于BoundedField，设定它的DataField，可以显示它所绑定的数据对象特定属性的值。,29,实例2：自定义分页,当绑定到SqlDataSource时，GridView的分页功能是自动实现的，不需要编写一行代码。
13、然而，当绑定到功能较少的数据源，比如List时，就必须自己定义分页代码了，另外，分页的格式往往也希望能自定义。 Demo: GridViewPaging.aspx,30,每页显示5条记录,自定义分页按钮格式,实例2要点：,设置GridView的AllowPaging=“True“; PageSize=“5“; 在GridView的PageIndexChanging事件中设置其PageIndex为新页，然后重新绑定数据实现分页。 设置GridView的PagerSettings和PagerStyle属性自定义分页按钮。,31,从这个例子中我们知道,分页时GridView会激发PageIndexC
14、hanging事件，对应地，分页完成时会激发PageIndexChanged事件。在GridView中有不少事件是这样配对的。 一般来说，在“ing”事件中，其参数e包含了重要的信息，比如分页事件中的e.NewPageIndex属性代表了新页码。而设置e.Cancel = true则可以取消这一操作。 当需要修改GridView显示的数据时（比如跳转到新的一页），需要重新绑定数据。,32,GridView自定义分页,GridView具备自动分页的特性。这就是说，只要将绑定到一个数据源，并设置其每页显示的行数和要显示的页码，GridView会自动从数据源中提取数据（从开头第一页到要显示的页，然后
15、丢弃前面的N1页，只显示第N页）。对于List，由于其实现了IList接口，因此也具备自动分页的特性。 可以通过每次只提取所需要的数据来提升性能，这时需要人工编写代码来完成数据的提取工作，然后再将数据绑定到GridView。这种方法称为“自定义分页”。为达到最佳性能，往往还禁用GridView的视图状态（ EnableViewState false），完全用其他标准的ASP.NET控件来实现分页功能。,33,实例2延伸：GridView自定义分页,Demo: GridViewCustomizePaging.aspx,34,（1）查看一下源文件，禁用ViewState可以减少多少数据量的传输！
16、（2）GridView内置对于分页界面的定制，只需添加一个数据分页模板PagerTemplate 就可以实现同这个示例一样的功能。请通过查询MSDN实现示例的这种导航方式。,实例3：排序,GridViewSort.aspx,35,即可以点击按钮，也可以点击列标题进行排序,支持多列排序,实例3要点：,响应Sorting事件，在此事件中编码进行数据绑定 利用委托实现对泛型数组中的对象进行排序。 GridView的一个基本编程方法： 喂给GridView什么样的数据，它就忠实地呈现什么样的数据。 自我拓展训练： 本示例是升序排列，如何让其也支持降序排列？,36,实例4：记录的删除,GridViewD
17、elete.aspx,37,实例4要点,ButtonField可以绑定到数据源以显示不同的文字，点击它GridView会引发RowCommand事件。此事件参数e有以下重要属性： e.CommandName属性表明哪个按钮被点击。 e.CommandArgument属性表明是哪一行，这个值是由GridView自动填充的。 e.CommandSource则代表了GridView自身。,38,GridView预定义的CommandName,当一个ButtonField的CommandName是以下预定义值时，相应的事件被激发： Cancel：引发“取消”事件。 Delete：引发“删除”事件 Ed
18、it ：引发“编辑”事件 Page：引发“分页”事件 Select ：引发“选择”事件 Sort ：引发“排序”事件 Update ：引发“更新”事件 CommandField是特殊的ButtonField，其CommandName是上述预定义值之一。,39,数据主键值的获取,当需要从数据库删除记录时，需要知道要删除记录的主键。 GridView有一个DataKeyNames属性，进行绑定前必须将其设置为主键值名。 当需要获取主键时，根据指定行的索引，从GridView的“DataKeys索引.Value”得到主键值。 提醒：这是编程中的一个关键点！,40,实例5：查找,GridViewFin
19、d.aspx,41,实例5分析,本实例再次采用了以下这种典型的编程方法： 从数据库中取出需要的数据“喂”给GridView。 对于分页：则利用了GridView的自动分页功能。通过设置其PageIndex实现分页。,42,实例6：选中并编辑记录,Demo:GridViewEdit.aspx,43,实例6的要点,使用GridView的“选择”功能，在GridView的SelectedIndexChanging事件中显示一个编辑面板供用户修改记录。此面板完全是自定义的。 SelectIndexChanging/SelectIndexChanged事件在主从表显示中很有用。 注意示例程序是如何取出选
20、中记录的当前值的。 txtName.Text = GridView1.Rowse.NewSelectedIndex.Cells1.Text; 拓展训练： 还可以利用GridView内部集成的编辑功能让其进入编辑状态，在RowEditing中完成显示编辑面板的任务。激发RowEditing事件的方法在示例网页中有说明，请同学们课后完成这一作业。,44,GridView的模板列简介,在GridView的模板列中，可以添加各种Web控件，并通过编写代码实现特定的数据处理工作，然后再将结果显示在相应的控件中。,45,实例7：模板列的应用批处理删除,一次选取多条记录进行统一处理。 Demo:BatchD
21、elete.aspx,46,实例7要点汇总,在模板中可以放置任意一种ASP.NET控件，从而使其成为最灵活的一种数据绑定方式，为广大开发者所喜用。 当需要访问特定行中的模板列中的某个特定控件时，请使用GridViewRow对象的FindControl(“控件ID”)方法，这是一个非常重要的编程方法。 GridView的Rows集合存放的是当前显示在页面上的行对象的集合。 注意要使用视图状态保存当前页码，以便用户在删除记录后仍能回到上次工作的地方。 GridView的DataKeyNames不要忘了设置，否则取不出主键。,47,4 数据绑定控件的组合使用,示例网站：DataControlsDem
22、o,实例1： 嵌套控件,在GridView模板列中嵌入其他的数据绑定控件：出版社和书名 Demo:EmbodiedDataBindControl.aspx,49,实例1分析,DataAccessObj类负责向网页提供数据源。 在GridView中创建一个模板列，其中嵌套一个BulletedList控件。 GridView绑定到DataTable，在GridView的RowDataBound事件中绑定嵌套的数据控件。 提示： 高度注意RowDataBound事件中代码的写法： （1）如何提取出当前行所对应的数据对象？ （2）如何查找模板列中的特定控件？ （3）为何要判定行的类型？,50,实例2：
23、数据筛选与合计,DropDownList与GridView配合实现数据筛选。 Demo:DropDownListAndGridView.aspx,51,实例2要点分析,DropDownList可以绑定到List，注意它的DataTextField和 DataValueField两个属性。 在GridView的RowDataBound中完成合计工作，并将结果动态地添加到页面上。注意其实现方法。,52,实例3：主从表,MasterDetail.aspx,53,主表显示书，从表显示读者评论,实例3 分析,主表显示一个“选择”按钮，这是使用GridView内置的选择功能实现的。 在主表的SelectedIndexChanging事件中取出选中行的主键，根据主键到数据库中提取记录，再绑定到从表。,54,