《asp数据绑定》PPT课件.ppt

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