DataList控件应用之二.pptVIP

第十讲 DataList控件应用之二 教学内容 一、在DataList控件中选择数据 二、在DataList控件中编辑数据 三、在DataList控件中删除数据 四、在DataList控件中分页显示数据 五、DataList控件应用之二 教学目标 ?? 掌握在DataList控件中选择数据的方法； ?? 掌握在DataList控件中编辑数据的方法； ?? 掌握在DataList控件中删除数据的方法； ?? 掌握在DataList控件中分页显示的方法。 一、在DataList控件中选择数据(1/11) (一)DataList控件的选择项模板 使用DataList控件选择项模板的设计要点如下： ?? 必须创建ItemTemplate普通项模板，在这个模板内加入一些控件显示记录行的简要信息，以便让读者快速浏览记录。还需要加入按钮控件到这个模板中，以便能够确认选择。 ???必须创建SelectedItemTemplate选择项模板，在这个模板内加入控件来显示选择项的详细信息。若选择项展开后还要再折叠回来，需要加入一个命令按钮启动折叠命令。 ???为各个按钮的反升事件编写后台代码，实现对应的功能。 一、在DataList控件中选择数据(2/11) SelectedItemTemplate选择项模板的HTML标记为： SelectedItemTemplate %--选择项模板的内容和布局--% /SelectedItemTemplate ?(二)实现DataList控件的选择功能 下例中使用一个DataList控件，将数据库MMIS的数据表employeeInfo的简要信息显示在ItemTemplate普通项模板中，将选定行的详细信息显示在SelectedItemTemplate模板中。SelectedItemTemplate模板可以展开和折叠。 ①创建ASP.NET Web应用程序项目 向页面拖入一个DataList控件。 一、在DataList控件中选择数据(3/11) 在ItemTemplate项模板中仅显示编号和姓名两个字段内容,因而加入两个Label控件绑定到这两个字段。为了确认选择加入一个Button控件到ItemTemplate项模板，Text属性设置为“察看详情”，CommandName属性设置为“select”。 一、在DataList控件中选择数据(4/11) ④编辑SelectedItemTemplate选择项模板 向SelectedItemTemplate模板中拖入一个1行2列的HTML表控件，是方便其他子控件和文本的定位。在第一个单元格中输入5行文本，修改它们的HTML标记，将它们绑定到数据源： P编号:%# DataBinder.Eval(Container.DataItem,编号) %/P P姓名:%# DataBinder.Eval(Container.DataItem,姓名) %/P P性别:%# DataBinder.Eval(Container.DataItem,性别) %/P P部门:%# DataBinder.Eval(Container.DataItem,部门) %/P P电话:%# DataBinder.Eval(Container.DataItem,联系电话) %/P 这些标记是被嵌套在SelectedItemTemplate……/SelectedItemTemplate标记内的。 一、在DataList控件中选择数据(5/11) 在第二个单元格加入一个Image控件，用来显示相片；加入一个Button按钮，用于启动将SelectedItemTemplate模板折叠的命令。这两个Web服务器控件的HTML标记为： asp:Image id=Image1 runat=server ImageUrl=%# DataBinder.Eval(Container.DataItem,相片URL) % /asp:Image asp:Button id=Button2 runat=server CommandName=“Cancel” Text=“折叠” /asp:Button 这些标记也是被嵌套在SelectedItemTemplate……/SelectedItemTemplate标记内的。 一、在DataList控件中选择数据(6/11) ⑤编辑页眉和页脚模板 在页眉和页脚模板编辑器中输入一些文字并设置格式，如下图。 一、在DataList控件中选择数据(7/11) private void MyDataBind() { string connectionString=workstatio