资源预览内容
第1页 / 共18页
第2页 / 共18页
第3页 / 共18页
第4页 / 共18页
第5页 / 共18页
第6页 / 共18页
第7页 / 共18页
第8页 / 共18页
第9页 / 共18页
第10页 / 共18页
亲,该文档总共18页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
单元六 数据绑定控件的使用(七) 数据绑定控件FromView,主讲教师:冯叶发,学习目标,【知识目标】 了解数据绑定控件FromView的常用的属性方法; 【技能目标】 能够熟悉的运用到网站开发中;,注: 本课内容参考教材 单元六 6.7,学习提纲,FromView控件的属性 FromView控件的特性 Fromview控件的使用,FromView控件的属性,AllowPaging:一个说明用户能否对指定数据源中的记录分页的布尔值。如果设为真,则在所显示记录的底部显示默认的分页数字系统(从1到记录的数量)。分页链接可以通过各种分页属性自定义。 DataKeyNames:数据源的键字段。 DataSourceID:用来移植FormView控件数据源元素ID。如果使用SQL Server,它与分配给SqlDataSource元素的ID对应。,FromView控件的属性,DefaultMode:允许你指定控件的默认行为。也就是说,在用户访问时,它最初如何显示。可能的值包括:ReadOnly、Insert和Edit。 EmptyDataText:遇到空数据值时显示的文本。 宣称FormView控件时,还必须对它的内容进行相应格式化。它的数据通过模板显示。FormView控件主要使用五个模板: ItemTemplate:它控制用户查看数据时的显示情况。 FooterTemplate:决定FormView控件表格页脚部分显示的内容,如果有的话。,FromView控件的属性,EditItemTemplate:它决定用户编辑记录时的格式和数据元素的显示情况。在这个模板内,你将使用其它控件,如TextBox元素,允许用户编辑值。 InsertItemTemplate:与编辑一条记录相似,这个模板控制允许用户在后端数据源中添加一条新记录的字段的显示。由于输入了新的值,应该根据数据的要求允许用户自由输入文本或限制某些值。 HeaderTemplate:决定FormView控件表格标题部分显示的内容,如果有的话。,FormView控件的特性,FormView控件与DetailsView控件相似,每次只显示一条数据记录。两个的差别在于:DetailsView控件使用表格来布局,而FormView控件却没有预定义布局。开发人员可以自己定义模板,模板中可以定义窗体格式,还可以绑定控件和表达式。 如下所示的代码,就是将一个字段绑定到Label控件上: /,FormView控件的特性,FormView控件同时支持分页功能,启用方式同DetailsView相同: AllowPaging=“True“ 与其他数据控件相同,可以通过FormView控件的DataSourceID 属性进行数据绑定,还可以使用它的DataSource 属性进行数据绑定。,FormView控件支持对数据的各种操作,虽然该功能依赖于数据源来提供。同时,该控件没有预定义模板,需要对每一种状态的模板进行定义。当配置好数据源之后,向控件的模板区域内添加一个控件后,在该控件所显示的智能标记中,可执行“编辑DataBindings”命令,在打开的对话框中进行字段的绑定工作,如图所示。,Repeater控件使用时要先添加控件、再设置模板。从工具箱中拖动FormView控件到设计窗口;单击其右侧“”,选择“选择数据源”,设定数据源。如图所示;,图 设定数据源,FormView控件的使用,1.使用sqlDataSource控件设置FormView控件的数据源,(1)设置数据显示风格。,单击图所示的“编辑模板”,对FormView控件提供的各种模板最终显示的各项效果进行设定。现举例说明如下:,第1步:选中ItemTemplate模板,第2步:将Stu_No改为“学号”,第3步:继续任意修改,图 设定数据源,FormView控件的使用,(2)修改数据显示区域顶部及尾部信息。,图 编辑模板,FormView控件的使用,修改完成之后运行页面查看效果如右图:,FormView控件的使用,2.FormView控件与DetailsView控件的区别 FormView控件在数据显示方式上类似于DetailsView控件,但FormView控件要求用户使用模板定义每项的显示,而不是使用数据控件字段。 DetailsView控件通过内置的表格来显示数据记录,而FormView控件需要用户定义的模板来显示数据记录,而且在FormView控件的模板中可以添加Image HyperLink等控件,并可绑定数据源中的字段。,FormView控件的使用,3.编辑FormView控件模板 (1) FormView控件连接数据源后,打开“FormView任务”列表,单击“编辑模板”项,进入控件的模板编辑模式。 (2)在模板编辑模式下,选择并修改字段名称。另外,在编辑模式的“FormView任务”列表中,在“显示”下拉列表框中可选择不同状态的模板进行编辑,如选择EditItemTeplate项,该项为编辑数据的模板。 (3)模板修改完成后,在“FormView任务”列表中单击“结束模板编辑”项,即可结束模板编辑状态。,4.当FormView控件处于编辑模式时,将添加的控件绑定到字段: (1)使FormView控件处于编辑模式,在工具箱的“标准”选项卡中双击TextBox控件添加到模板中。 (2)在“TextBox任务”列表中单击“编辑DataBindings”项,打开数据绑定对话框,在“可绑定属性”列表中选择Text属性,选择“字段绑定”单选按钮,并在“绑定到”下拉列表中选项数据源中设置的字段(如选择bookname字段),如果下拉列表框中没有字段,可单击“刷新架构”按钮。 (3)单击“确定”按钮应用绑定的字段,然后关闭FormView控件的编辑模式。,FormView控件的使用,5.在FormView控件中添加编辑功能 FormView控件中执行编辑功能命令的按钮,需要向该控件中添加按钮控件,并通过按钮控件的CommandName属性设置将要执行的命令,如Cancel(取消) Delete(删除) Edit(编辑) Insert(插入) New(新建) 和Update(更新)。 实例:在FormView控件中添加一个“编辑”按钮,可用下面的方法: (1)单击FormView控件的任务列表中的”编辑模板”项,进入控件的模板编辑模式.,FormView控件的使用,(2)双击”标准”选项卡中的Button控件添加到页面中,并在”属性”窗口中设置Text属性值为”编辑”,CommandName属性值为Edit (3)完成后在” FormView任务”列表中单击”结束模板编辑”项,返回页面设计视图,运行页面后,单击”编辑”按钮,即可编辑当前数据记录.,项目实训,【实训目的】 1.掌握FromView控件的常用属性方法。 2.掌握FromView控件的使用过程。 【实训内容】 1. 编写页面用FromView控件展示信息。,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号