aspnet数据绑定PPT课件

1、主要内容 10.1 数据绑定原理 10.2 GridView基础知识 10.3 GridView应用实例 10.4 数据绑定控件的组合使用1第1页/共54页10.1 数据绑定原理只有知其所以然才能知其然第2页/共54页引例：直观了解数据绑定 现场编程展示（参考示例：UseDataBind）3第3页/共54页数据绑定的层次结构4数据库ADO.NET数据绑定控件数据源控件提供显示和编辑数据的可视 化界面IDataSourceDataSourceView提供对数据的访问接口：增、删、改、查与数据库交互，完成信息的增、删、改、查工作。信息的存放地调用存取第4页/共54页常用的数据绑定控件控件名称控件名

2、称说明说明GridView以表格的方式显示和编辑数据DetailsView一次显示、编辑、插入或删除一条记录。默认情况下，DetailsView 控件将记录的每个字段显示在它自己的一行内FormViewFormView控件与DetailsView控件相似，一次也只能显示或编辑一条记录。FormView需要给其设定一个模板DataList控件可以用某种用户指定的格式来显示数据（比如分列显示），这种格式由模板和样式进行定义RepeaterRepeater控件没有包含内置的布局或样式，需要由Web开发者指定所有的用于显示数据的内部控件和显示样式ListViewASP.NET 3.5新增，以嵌套容器模

3、板和占位符的方式提供灵活的数据显示模式5第5页/共54页常用的数据源控件SqlDataSource可以连接到 ADO.NET 支持的任何 SQL 数据库AccessDataSource连接到使用 Microsoft Office 创建的 Access 数据库ObjectDataSource连接到应用程序的 Bin 或 App_Code 目录中的中间层业务对象或数据集XmlDataSource连接到 XML 文件SitemapDataSource连接到此应用程序的站点导航树（要求应用程序根目录处有一个有效的站点地图文件，默认的文件名为“Web.sitemap”)，站点地图文件其实也是一个XML文

4、件LINQDataSource.NET 3.0新增，可以访问各种类型的数据，包括数据库和XML文件。与C#/VB.NET等.NET语言直接集成6第6页/共54页多种可绑定的数据对象 除了绑定到数据源这种具有很强功能的对象之外，数据绑定控件还可以绑定 到 最 小 实 现 了 I E n u m e r a b l e 接 口 的 集 合 对 象 （ 如 数 组/HashTable/List）。 另外，通过使用数据绑定表达式，可以将一些数据绑定控件直接与某个函数或属性进行绑定。7第7页/共54页数据绑定的三种实现方式： 将数据绑定控件的DataSourceID设定为数据源控件，数据绑定控件即可充分

5、利用数据源控件的功能实现对数据的增删改查。这称为“自动数据绑定”。 也可以不使用DataSourceID，而是直接将数据源赋值给数据绑定控件的DataSource属性，然后再调用数据绑定控件的DataBind()方法实现“手工数据绑定”。 或者直接在页面中放置绑定表达式，然后在Page_Load中调用页面类的DataBind()方法实现数据绑定。8第8页/共54页数据绑定表达式 第一步：设定数据表达式 第二步：执行Page类中的Bind()方法。 Demo:UseDataBind（DataBindingExpression.aspx）9重要编程提示：直接在页面中嵌入C#代码的方法：无须调用Pa

6、ge.Bind()方法，上述代码总是执行。第9页/共54页理解“数据绑定模板” 由于要显示的数据通常包含多条结构类似的记录，因此，经常使用“模板（Template）”来指定单条记录的显示格式，然后，数据绑定控件自动将这一定义好的模板应用于所有要显示的记录。 可以针对不同的场景定义不同的模板，例如，可为浏览状态显示一个只读的模板（通常用Label来表达信息），然后为编辑状态显示另一个模板（通常用TextBox来向用户提供修改信息的手段）。 大多数数据绑定控件都提供了相应的方法在不同的状态间切换（如从浏览切换到编辑状态），并会自动加载相应的模板，与此同时，还会触发相应的事件。10第10页/共54页

7、在数据绑定模板中绑定数据（1） 当一个ASP.NET控件位于一个数据绑定模板中时，可以使用Eval()方法将其的某个属性与数据源中当前数据对象的某个属性相绑定。11 ClientID: asp:Label ID=ClientIDLabel runat=server Text= /Eval方法提供了一个单向的只读的数据值。这就是说，数据是从“数据源”对象单向传送给模板中的控件，没有办法修改数据源对象中的数据。第11页/共54页在数据绑定模板中绑定数据（2） 当需要修改数据源中的数据时，通常采用Bind()方法实现这一功能：12 ClientName: asp:TextBox ID=ClientN

8、ameTextBox runat=server Text= /当使用Bind方法时，用户所做的修改会被传送回数据源控件以实现更新。第12页/共54页数据绑定实例分析 Demo: UseDataBind（UseEvalAndBind.aspx）13示例要点：使用FormView控件绑定到SQLDataSource，定义其编辑和插入模板。第13页/共54页自动绑定 VS 手工绑定 ASP.NET提供的自动数据绑定机制虽然很自动化，几乎不用编码就可以完成许多功能，然而，在实际项目中为了实现严格的分层架构和保证程序的灵活性与可控性，往往不使用自动绑定，而是手工编程实现数据绑定。 下面将以最复杂也是最常

9、用的GridView为例，深入介绍数据绑定控件的使用方法。14第14页/共54页10.2 GridView基础知识以点带面，举一反三第15页/共54页形成GridView的全局观（1） GridView以表格的方式显示数据。16GridViewRow对象代表GridView控件中的一行，GridView的Rows属性代表当前显示在页面上所有GridViewRow对象的集合TableCell代表一个单元格，这是一个控件容器，其中可以放置各种ASP.NET控件。 GridViewRow对象的Cells集合代表这一行的所有单元格第16页/共54页形成GridView的全局观（2） 与GridView

10、绑定的数据都具有二维表的性质。 若绑定的是DataTable，则每个GridView-Row对象负责显示一个DataRow，而每个TableCell则负责显示此DataRow中特定字段的值。 若绑定的是List，每个GridViewRow对象负责显示一个T类型的对象，每个TableCell则负责显示此对象的特定属性的值。17第17页/共54页数据绑定控件GridView中的列（1） GridView中的列可以用不同方式显示数据。 GridView列对象模型18第18页/共54页数据绑定控件GridView中的列（2） BoundedField：直接与数据对象的某个“列/属性”绑定，以文本形式显

11、示其值。 HyperLinkField：根据数据对象某个列（属性）的值生成一个超链接元素（）。 ImageField：根据数据对象某个列（属性）的值生成一个元素，显示一张图片 ButtonField：显示一个按钮。 CommandField：其实就是拥有特定Command-Name的ButtonField，完成通用的“编辑”、“删除”和“选择”功能。 TemplateField：模板列，用于自定义GridView的显示界面，非常灵活与有用。19第19页/共54页图示GridView的列与行20CommandFieldBoundedFieldheaderfooter第20页/共54页Gridvi

12、ew的重要事件 GridView及GridViewRow会触发一系列的事件，应用好这些事件非常关键，常用的有以下几个：1.RowCommand ：单击每行中的按钮（ButtonField）时触发，可通过CommandName区分开是哪个按钮被点击。2.RowDataBound ：给每行绑定数据时发生，通常用它来设置模板列中特定控件的属性。3.RowDeleting ：删除一行时发生，可以取消删除。4.RowUpdating ：更新一行数据时发生，可以取消更新。5.SelectedIndexChanged ：选择的行发生改变时发生。6.PageIndexChanging：单击分页按钮时发生。21

13、第21页/共54页访问基础数据 使用GridViewRow对象 的DataItem 属性，可以访问基础数据对象的属性。 G r i d V i e w 控 件 的 D a t a K e y N a m e s 属 性 指 定 主 键 ， 每 一 行GridViewRow会生成一个DataKey对象，整个Gridview控件会有一个DataKey对象的集合（用DataKeys属性代表）。 可 以 通 过 G r i d v i e w 的 S e l e c te d D a t a Ke y 方 法 获 取 当 前 选 中 行 的DataKey对象，然后再检索键值。22第22页/共54页掌握

14、GridView编程技巧的关键 牢记：GridView只负责数据的显示，它不管数据的增删改查！ 记住GridView对象模型： 行由哪个对象表达，列有几种类型 了解GridView的常用事件，知道这些事件可由哪些对象触发，高度注意每种事件参数中包含的信息。23第23页/共54页10.3 GridView应用实例第24页/共54页本节示例网站GridViewDemo说明 为了清晰地展示出GridView的使用技巧，实例使用手工数据绑定方式。 绑定的数据来自于Clients表，对应的类为ClientInfo，GridView绑定到List集合对象。ClientInfoAccessObj对象包含一系

15、列的方法，使用ADO.NET技术从数据库中提取与更新数据。 上述两个类均放置于示例网站的App_Code文件夹下。 这种网站架构也用于本系列的大实例HappyBookShop中。25第25页/共54页实例1：自定义显示列和列标题 可以让GridView只显示特定的列，并且指定列的标题。 Demo: CustomizeColumns.aspx26第26页/共54页实例1要点：27第27页/共54页从这个例子中可以知道 GridView会根据绑定的数据源自动创建列，这是通过反射实现的。 每个列都是一种特定类型的DataControlField，可以通过设置它的一些属性来定制它的外观和行为。 对于B

16、oundedField，设定它的DataField，可以显示它所绑定的数据对象特定属性的值。28第28页/共54页实例2：自定义分页 当绑定到SqlDataSource时，GridView的分页功能是自动实现的，不需要编写一行代码。然而，当绑定到功能较少的数据源，如List时，就必须自己定义分页代码了，另外，分页的格式往往也希望能自定义。 Demo: GridViewPaging.aspx29每页显示5条记录自定义分页按钮格式第29页/共54页实例2要点： 设置GridView的AllowPaging=True; PageSize=5; 在GridView的PageIndexChanging事

17、件中，设置其PageIndex为新页，然后重新绑定数据实现分页。 设置GridView的PagerSettings和PagerStyle属性自定义分页按钮。30第30页/共54页从这个例子中可以知道 分页时GridView会触发PageIndexChanging事件，相应的，分页完成时会触发PageIndexChanged事件。在GridView中有不少事件是这样配对的。 一般来说，在“-ing”事件中，其参数e包含了重要的信息，例如分页事件中的e.NewPageIndex属性代表了新页码。而设置e.Cancel = true则可以取消这一操作。 当需要修改GridView显示的数据时（比如跳

18、转到新的一页），需要重新绑定数据。31第31页/共54页GridView自定义分页 GridView具备自动分页的特性。这就是说，只要将绑定到一个数据源，并设置其每页显示的行数和要显示的页码，GridView会自动从数据源中提取数据（从开头第一页到要显示的页，然后丢弃前面的N1页，只显示第N页）。对于List，由于其实现了IList接口，因此也具备自动分页的特性。 可以通过每次只提取所需要的数据来提升性能，这时需要人工编写代码来完成数据的提取工作，然后再将数据绑定到GridView。这种方法称为“自定义分页”。为达到最佳性能，往往还禁用GridView的视图状态（ EnableViewStat

19、e false），完全用其他标准的ASP.NET控件来实现分页功能。32第32页/共54页实例2延伸：GridView自定义分页 Demo: GridViewCustomizePaging.aspx33（1）查看一下源文件，禁用ViewState可以减少多少数据量的传输！（2）GridView内置对于分页界面的定制，只需添加一个数据分页数据分页模板模板PagerTemplate 就可以实现同这个示例一样的功能。可通过查询MSDN实现示例的这种导航方式。第33页/共54页实例3：排序 GridViewSort.aspx34即可以单击按钮，也可以单击列标题进行排序支持多列排序第34页/共54页实例

20、3要点： 响应Sorting事件，在此事件中编码进行数据绑定。 利用委托实现对泛型数组中的对象进行排序。 GridView的一个基本编程方法： 给GridView什么样的数据，它就忠实地呈现什么样的数据。 自我拓展训练： 本示例是升序排列，如何让其也支持降序排列？35第35页/共54页实例4：记录的删除 GridViewDelete.aspx36第36页/共54页实例4要点ButtonField可以绑定到数据源以显示不同的文字，单击它GridView会触发RowCommand事件。此事件参数e有以下重要属性：1.e.CommandName属性表明哪个按钮被单击。2.e.CommandArgum

21、ent属性表明是哪一行，这个值是由GridView自动填充的。3.e.CommandSource则代表了GridView自身。37第37页/共54页GridView预定义的CommandName当一个ButtonField的CommandName是以下预定义值时，相应的事件被触发：1.Cancel：触发“取消”事件。2.Delete：触发“删除”事件3.Edit ：触发“编辑”事件4.Page：触发“分页”事件5.Select ：触发“选择”事件6.Sort ：触发“排序”事件7.Update ：触发“更新”事件CommandField是特殊的ButtonField，其CommandName是

22、上述预定义值之一。38第38页/共54页数据主键值的获取 当需要从数据库删除记录时，需要知道要删除记录的主键。 GridView有一个DataKeyNames属性，进行绑定前必须将其设置为主键值名。 当需要获取主键时，根据指定行的索引，从GridView的“DataKeys索引.Value”得到主键值。 提醒：这是编程中的一个关键点！39第39页/共54页实例5：查找 GridViewFind.aspx40第40页/共54页实例5分析 本实例再次采用了以下这种典型的编程方法： 从数据库中取出需要的数据传送给GridView。 对于分页：则利用了GridView的自动分页功能。通过设置其Page

23、Index实现分页。41第41页/共54页实例6：选中并编辑记录 Demo:GridViewEdit.aspx42第42页/共54页实例6的要点 使用GridView的“选择”功能，在GridView的SelectedIndexChanging事件中显示一个编辑面板供用户修改记录。此面板完全是自定义的。 SelectIndexChanging/SelectIndexChanged事件在主从表显示中很有用。 注意示例程序是如何取出选中记录的当前值的。txtName.Text = GridView1.Rowse.NewSelectedIndex.Cells1.Text; 拓展训练： 还可以利用Gr

24、idView内部集成的编辑功能让其进入编辑状态，在RowEditing中完成显示编辑面板的任务。触发RowEditing事件的方法在示例网页中有说明，同学们课后需完成这一作业。43第43页/共54页GridView的模板列简介 在GridView的模板列中，可以添加各种Web控件，并通过编写代码实现特定的数据处理工作，然后再将结果显示在相应的控件中。44第44页/共54页实例7：模板列的应用批处理删除 一次选取多条记录进行统一处理。 Demo:BatchDelete.aspx45第45页/共54页实例7要点汇总 在模板中可以放置任意一种ASP.NET控件，从而使其成为最灵活的一种数据绑定方式，为广大开发者所喜用。 当需要访问特定行中的模板列中的某个特定控件时，使用GridViewRow对象的FindControl(控件ID)方法，这是一个非常重要的编程方法。 GridView的Rows集合存放的是当前显示在页面上的行对象的集合。 注意要使用视图状态保存当前页码，以便用户在