datalist控件应用之二

《datalist控件应用之二》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十讲DataList控件应用之二教学内容一、在DataList控件中选择数据二、在DataList控件中编辑数据三、在DataList控件中删除数据四、在DataList控件中分页显示数据五、DataList控件应用之二教学目标掌握在DataList控件中选择数据的方法；掌握在DataList控件中编辑数据的方法；掌握在DataList控件中删除数据的方法；掌握在DataList控件中分页显示的方法。一、在DataList控件中选择数据(1/11)(一)DataList控件的选择项模板使用Data

2、List控件选择项模板的设计要点如下：必须创建ItemTemplate普通项模板，在这个模板内加入一些控件显示记录行的简要信息，以便让读者快速浏览记录。还需要加入按钮控件到这个模板中，以便能够确认选择。必须创建SelectedItemTemplate选择项模板，在这个模板内加入控件来显示选择项的详细信息。若选择项展开后还要再折叠回来，需要加入一个命令按钮启动折叠命令。为各个按钮的反升事件编写后台代码，实现对应的功能。SelectedItemTemplate选择项模板的HTML标记为：

3、ctedItemTemplate><%--选择项模板的内容和布局--%>(二)实现DataList控件的选择功能下例中使用一个DataList控件，将数据库MMIS的数据表employeeInfo的简要信息显示在ItemTemplate普通项模板中，将选定行的详细信息显示在SelectedItemTemplate模板中。SelectedItemTemplate模板可以展开和折叠。①创建ASP.NETWeb应用程序项目向页面拖入一个DataList控件。一

4、、在DataList控件中选择数据(2/11)在ItemTemplate项模板中仅显示编号和姓名两个字段内容,因而加入两个Label控件绑定到这两个字段。为了确认选择加入一个Button控件到ItemTemplate项模板，Text属性设置为“察看详情”，CommandName属性设置为“select”。一、在DataList控件中选择数据(3/11)②自动套用格式右击DataList控件，再单击【自动套用格式】，选择一种合适的格式。③编辑ItemTemplate普通项模板DataList控件的项模

5、板编辑器如右图。④编辑SelectedItemTemplate选择项模板向SelectedItemTemplate模板中拖入一个1行2列的HTML表控件，是方便其他子控件和文本的定位。在第一个单元格中输入5行文本，修改它们的HTML标记，将它们绑定到数据源：

编号:<%#DataBinder.Eval(Container.DataItem,"编号")%>

姓名:<%#DataBinder.Eval(Container.DataItem,"姓名")%>

性别:<%#Data

6、Binder.Eval(Container.DataItem,"性别")%>

部门:<%#DataBinder.Eval(Container.DataItem,"部门")%>

电话:<%#DataBinder.Eval(Container.DataItem,"联系电话")%>

7、中选择数据(5/11)在第二个单元格加入一个Image控件，用来显示相片；加入一个Button按钮，用于启动将SelectedItemTemplate模板折叠的命令。这两个Web服务器控件的HTML标记为：'>

8、Name=“Cancel”Text=“折叠”>这些标记也是被嵌套在……标记内的。一、在DataList控件中选择数据(6/11)⑤编辑页眉和页脚模板在页眉和页脚模板编辑器中输入一些文字并设置格式，如下图。⑥编写后台代码首先在WebForm1类中编写一个方法MyDataBind，用于连接数据库、填充数据到数据集、绑定数据源到DataList控件等。一、在D