3．如何选择数据绑定控件.ppt

能力目标 知识目标 6.1 DataList、FormView和Repeater数据绑定控件 6.1 DataList、FormView和Repeater数据绑定控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.2 GridView数据控件 6.3 DetailsView数据控件 6.4 状态管理 6.4 状态管理 6.4 状态管理 6.4 状态管理 任务实施 6.1 主页面商品展示设计 6.1 主页面商品展示设计 6.1 主页面商品展示设计 6.1 主页面商品展示设计 6.1 主页面商品展示设计 6.2 商品浏览页面设计 6.2 商品浏览页面设计 6.2 商品浏览页面设计 6.2 商品浏览页面设计 6.3 网站主页面查询设计 6.3 网站主页面查询设计 6.3 网站主页面查询设计 6.3 网站主页面查询设计 6.3 网站主页面查询设计 6.3 网站主页面查询设计 6.4 网站产品展示网页设计 6.4 网站产品展示网页设计 6.4 网站产品展示网页设计 能力拓展 6.1 制作flwlist.aspx页面 6.2 网站留言板设计 6.2 网站留言板设计 6.2 网站留言板设计 6.2 网站留言板设计 6.2 网站留言板设计 (8)ViewState： ViewState实际上是通过隐藏域来保存数据的，但它的赋值和取值都是在服务器端完成的。 (9)ControlState： ControlState类似于ViewState，存储的数据类型也与ViewState一样，但ControlState是基于控件级的，用它来保存控件的数据信息。 客户端状态管理 6.4.3 客户端状态管理 利用母版页default.master制作网站主页面，效果如图所示。 图6-1 网站主页面 制作网站的步骤 (1)新建ASPX页面，命名为index.aspx， 选中“选择母版页”复选框 (2)单击“添加”按钮，选择default.master母版页 (3)页面后，切换到“设计”视图 (4)在Panel控件中插入3行3列表格，合并第1行和第3行 (5)在表格第2行的第2列中插入数据控件FormView， 设置FormView控件的属性 (6)完成数据源配置后，单击“编辑模板”， 选择ItemTemplate模板，添加相关控件 (7)单击Image控件的智能标记，利用Eval()函数，将其ImageUrl 属性绑定到商品表(shangpinbiao)的商品图片(sptp)字段 (8)3个Label控件的Text属性分别绑定到商品表(shangpinbiao)的 商品明细(spms)字段、商品名称(spmc)字段和商品会员价格(sphyjg)字段 (9)下面再添加3个HyperLink。分别设置它们的NavigateUrl属性 (10)在Panel1控件下文插入一个Panel2控件，Height为25px， Width为566px，HorizontalAlign为Center，里面设计“搜索”效果 (11)在“搜索”栏目下方添加Panel3控件，设置Width为570px、Height为231px、HorizontalAlign为Center。 (12)第2行的第2列的Width为550px、Height为185px，添加DataList控件，单击“新建数据源”，进入数据源配置向导，设置自定义Select语句。 (13)完成数据源配置后，设置DataList控件的属性 (14)单击DataList控件的智能标记，选择“编辑模板”项，选择ItemTemplate模板，添加相关控件。 (15)各控件的设置方法如前，其中image的宽度97px，高度71px，并设置sphyjgLabel的Skin属性为labred。 (16)在“精品推荐”栏目下方添加Panel控件，设置Width为566px、HorizontalAlign为Center。 (17)主页面制作完成，保存，预览，查看效果。 鲜花或绿植商品浏览页面，如图6-11所示。 图6-11 商品浏览页面 商品浏览页面设计 (1)建立商品浏览页面首先还是通过“添加项目” 建立这个页面，确定名字为treelist.aspx。 (2)添加DataList控件，将DataList控件拖放到页面中 (3)单击“编辑模板”，进入模板编辑状态 (4)Image2的设置 (5)向第2行输入“名称：”字符串，