DataList精髓

最新推荐文章于 2021-01-08 16:28:56 发布
最新推荐文章于 2021-01-08 16:28:56 发布
阅读量427 收藏
点赞数
分类专栏： Asp.Net 文章标签： server datagrid object asp.net delete asp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiedamu/article/details/5472024
版权

使用DataList控件 本章内容：

         1、理解事件冒泡

         2、使用模板

         3、在DataList中显示数据

         4、在DataList中创建多列

         5、捕获DataList控件中产生的事件

         6、选择DataList中的项

         7、使用DataList控件中的DataKeys集合

         8、编辑DataList中的项

本章介绍在ASP.NET框架中功能最强大的两个控件（DataList控件和DataGrid控件）之一的DataList控件。我们将深入探讨DataList控件，学习如何使用该控件显示数据以及编辑数据库数据。

一、理解事件冒泡

在ASP.NET框架包含三个支持事件冒泡的标准控件：Repeater、DataList和DataGrid控件。这些控件可以让你捕获其子控件的时间。当子控件产生一个事件时，事件就“冒泡”传给包含该子控件的容器控件，并且容器控件就可以执行一个子程序来处理该事件。

二、使用模板

       在前一章中我们已经介绍过Repeater控件的五个模板（ItemTemplate、AlternationgItemTemplate、SeparatorTemplate、HeaderTemplate、FooterTemplate），可以格式化控件的输出。在DataList控件中除了支持Repeater控件中的五个模板以外，还支持如下两个模板：

1、SelectedItemTemplate：控制如何格式化被选定的项

2、EditItemTemplate：控制如何格式化被编辑的项。

当选定DataList中选中一个项时（即DataList的SelectedIndex属性值为当前选定项的索引值），将显示SelectedItem模板，当在DataList中选择一个项来编辑（即DataList的EditItemIndex属性值为当前选定项的索引值）时，将显示EditItem模板。

三、在DataList中显示数据：     

       可以像Repeater控件那样来用DataList显示数据库表中的记录。但是，与Repeater控件不同的是：DataList控件的默认行为是在HTML表格中显示数据库记录。

       如下程序清单演示如何显示pubs数据库中authors表中的数据。

<%@ Page Language="C#" %> <%@ Import Namespace="System.Data.SqlClient" %> <script runat="server"> void Page_Load(Object sender, EventArgs e) { SqlConnection conn; SqlCommand cmd; SqlDataReader dr; conn = new SqlConnection("Server=localhost; Database=Pubs;uid=cdd;psw=123"); cmd = new SqlCommand("Select au_fname From authors", conn); conn.Open(); dr = cmdSelect.ExecuteReader(); DataList1.DataSource = dr; DataList1.DataBind(); dr.Close(); conn.Close(); } </script> <html> <head> <title>DataList.aspx</title> </head> <body> <form id="Form1" runat="Server"> <asp:DataList ID="DataList1" runat="Server"> <ItemTemplate> <%#DataBinder.Eval(Container.DataItem, "au_fname" )%> </ItemTemplate> </asp:DataList> </form> </body> </html>      在DataList中显示记录时，authors表中每行都显示在独立的HTML表格中，只要你愿意，也可以修改其RepeatLayout属性把DataList的项显示在HTML的<div></div>中。在默认情况下，RepeatLayout属性值为Table。如果把RepeatLayout属性设为Flow，那么每个项就显示在<div></div>中。
       <asp:DataList RepeatLayout=”Flow” Runat=”Server”>        当RepeatLayout属性为Table时，通过设置GridLines属性可以在每个单元格周围显示线条。GridLines属性可选值有： Both / Horizontal / Vertical

四、在DataList中创建多列        DataList的一个好处的特征是可以以多个列显示数据现。通过设置其RepeatColumns和RepeatDirection属性，可以控制DataList的列的布局。        RepeatColumns属性决定要显示的列的数量。比如，如果要在DataList中显示四列的项，那么可以把这个属性设为4。        RepeatDirection属性句顶列是按水平或垂直方向来重复。在默认情况下，RepeatDirection值为Vertical，因此，如果RepeatColumns值为4，则列就像这样显示： Column 1    Column3    Column5    Column7

Column 2    Column4    Column6    Column8

如果把RepeatDirection设为Horizontal，而且RepeatColumns值为4，那么列就像这样显示： Column 1    Column3    Column5    Column7 Column 2    Column4    Column6    Column8

注意，即使RepeatDirection值为Vertical，还是显示为4个列。RepeatColumns永远是指重复的列的数量，而不是行的数量。

五、捕获DataList控件中产生的事件

正如第一小节中提到的那样，DataList控件支持事件冒泡，可以捕获DataList内包含的控件产生的事件，并且通过普通的子程序处理这些事件。讲到这里有些人可能不太明白事件冒泡的好处所在，这样，我们反过来思考：如果没有事件冒泡，那么对于DataList内包含的每一个控件产生的事件都需要定义一个相应的处理函数，如果DataList中包含10000个控件呢？或者更多呢？那我们得写多少个事件处理程序。所以有了事件冒泡，不管DataList中包含多少个控件，我们只需要一个处理程序就可以了。DataList控件支持五个事件：

1)        EditCommand：由带有CommandName=”edit”的子控件产生

2)        CancelCommand：由带有CommandName=”cancel”的子控件产生

3)        UpdateCommand：由带有CommandName=”update”的子控件产生

4)        DeleteCommand：由带有CommandName=”delete”的子控件产生

5)        ItemCommand：DataList的默认事件

有了这五个事件，那么当我点击了DataList控件中的某一个按钮的时候，应该触发哪一个事件呢？什么时候才触发它们呢？在ASP.NET中有三个控件带有CommandName属性，分别是Button、LinkButton和ImageButton，可以设置它们的CommandName属性来表示容器控件内产生的时间类型。比如，如果设置DataList中的一个LinkButton的CommandName属性为“update”，那么点击此按钮的时候，将会触发DataList的CancelCommand事件，我们可以将相关处理代码写到对应的事件处理程序中去。

如下程序清单演示了点击DataList中三个CommandName分别为edit、delete、update的LinkButton按钮。当点击不同的按钮时，在DataList中产生不同的事件，执行不同的程序：

<%@ Page Language="C#" %> <%@ Import Namespace="System.Data.SqlClient" %> <script runat="server"> void Page_Load(Object sender, EventArgs e) { if (!IsPostBack) { SqlConnection conn; SqlCommand cmd; SqlDataReader dr; conn = new SqlConnection("Server=localhost; Database=Pubs;uid=cdd;psw=123"); cmd = new SqlCommand("Select au_fname From authors", conn); conn.Open(); dr = cmd.ExecuteReader(); dlstTitles.DataSource = dr; dlstTitles.DataBind(); dr.Close(); conn.Close(); } } void DataList1_ItemCommand(object s, DataListCommandEventArgs e) { lblMessage.Text = "<li>Item Command!"; } void DataList1_EditCommand(object s, DataListCommandEventArgs e) { lblMessage.Text += "<li>Editing Item!"; } void DataList1_DeleteCommand(object s, DataListCommandEventArgs e) { lblMessage.Text = "<li>Deleting Item!"; } void DataList1_UpdateCommand(object s, DataListCommandEventArgs e) { lblMessage.Text = "<li>Updating Item!"; } </script> <html> <head> <title>DataListEvents.aspx</title> </head> <body> <form id="Form1" runat="Server"> <asp:Label ID="lblMessage" BackColor="yellow" runat="Server" /> <p> <asp:DataList ID="DataList1" OnItemCommand="DataList1_ItemCommand" OnEditCommand="DataList1_EditCommand" OnDeleteCommand="DataList1_DeleteCommand" OnUpdateCommand="DataList1_UpdateCommand" GridLines="Both" CellPadding="4" runat="Server"> <ItemTemplate> <%#DataBinder.Eval(Container.DataItem, " au_fname " )%> <br> <asp:LinkButton ID="LinkButton1" Text="Edit!" CommandName="edit" runat="Server" /> <asp:LinkButton ID="LinkButton2" Text="Delete!" CommandName="delete&
文章出处：飞诺网(file:///E:/asp.net笔记/DataList/DataList的使用2.htm)

jiedamu
关注
专栏目录
DataList 控件具体用法 (上)
“开心最好”的专栏
05-14 2095
1.首先托动一个DataList 控件到页面.(设的为    ^_^    datalist.aspx)2.设置一个数据源.每个人都应该知道的,我这真是废话连篇啊!!!!!!!!   看datalist.aspx.cs public DataSet ds;    protected void Page_Load(object sender, EventArgs e)    {       
箱型图后端接口封装
wuChiSha的博客
11-17 237
一、参数 传入统计的数据 二、代码 package com.wisedu.hawkeye.domain.util; import org.springframework.util.ObjectUtils; import java.math.BigDecimal; import java.math.RoundingMode; import java.util.Comparator; import java.util.List; import java.util.stream.Collectors;
DataList控件详细用法(一)
热门推荐
平凡酿就非凡
05-20 2万+
使用DataList控件  本章内容：         1、理解事件冒泡         2、使用模板         3、在DataList中显示数据         4、在DataList中创建多列         5、捕获DataList控件中产生的事件         6、选择DataList中的项         7、使用DataList控件中的DataKey
datalist的用法
黄长旭的专栏
11-27 690
DataList 提供相关的编辑模板，但和DataGrid不一样的是，DataList没有编辑按钮。要在DataList中使用编辑功能,可在项模板中增加一个按 钮，Linkbutton和Button都可以。在CommandName中设置为Edit就可以把此按钮和DataList的编辑事件联系起来了。 如： 编辑按钮可以使用CommandName="Edit" 更新按钮可以使用CommandN
DataList控件的使用
步行者的专栏
08-04 3440
数据呈现控件——DataLst。DataList控件可以使用模板和样式对数据的显示样式进行定义。该控件对于显示和维护数据行十分有用，可以根据需要将其配置为各种复杂的非表格显示样式，而且还支持数据的选择、修改和删除等功能。一般的产品展示就可以使用该控件实现。接下来capucivar就将使用DataList控件实现产品展示的功能（现已有以数据库名为capucivar，有一表名为product并
使用RecyclerView显示文字列表
最新发布
07-06
在Android开发中，RecyclerView是一个非常重要的组件，它用于创建可滚动的列表或网格视图，以展示大量数据。RecyclerView相比其前辈ListView，提供了...在项目中不断实践和学习，你将能更好地掌握RecyclerView的精髓。
listview 简单 用法
02-29
ListView是Android平台上一个非常重要的控件，用于展示大量的数据列表。在Android开发中，ListView的使用频率极高，尤其是在数据展示的场景中。...在学习和使用过程中，不断实践和优化，才能更好地掌握ListView的精髓。
java Excel数据导出，HSSH、 XSSF、SXSSF、EasyExcel实现
11-12
在Java开发中，处理Excel数据是一项常见的任务，尤其是在数据导入导出、报表生成等领域。...通过不断实践和优化，你可以掌握在Java中使用Apache POI处理Excel文件的精髓，为你的项目带来极大的便利。
Intro_ASP.NET.rar_control
09-22
**ASP.NET基础概念详解** ASP.NET是微软公司推出的一种用于构建Web应用程序的框架，它基于.NET Framework，提供了丰富的功能和工具，...通过深入理解这些基本概念，开发者可以更好地掌握ASP.NET的精髓，提高开发效率。
在ASP.NET 2.0中操作数据：自定义DataList编辑界面
12-15
在ASP.NET 2.0中操作数据：自定义DataList编辑界面
DataList控件详细用法(二)
平凡酿就非凡
05-20 6923
设计模版：页眉页脚数据记录  交替显示项选中时的显示方式    编辑时的显示方式  数据记录分隔符编辑模版，里面可以嵌入控件,绑定数据。                                  设置外观repeatlayout        属性设置显示方式repeatdirection    显示方向repeatcolumns      列数事件加入模版列的按钮会将其click事件反
WebForms DataList控件的使用
weixin_46596213的博客
01-08 578
在浏览器浏览的效果图如下图所示： 第一步： 首先是搭建数据库，创建表，由于我这里用的是之前的数据库，所以数据库大家自行搭建；只需要创建一张表，表的字段、里面的数据如下图： 我的图片是从网上下载的，你们也可以随便弄一些图片。 第二步： 添加三个类库，分别是Model、BLL、DAL 最终这就是我们创建好的一个ASP.NET Web应用程序和3个类库 接下来需要添加引用，DAL层引用Model，BLL层引用DAL和Model，表现层引用BLL和Model层。 添加引用的方式如下： 第三步： Mo
8.27 DataList控件的使用
华鑫的专栏
08-28 1327
今天看了一下DataList控件的使用，坐下笔记。声明一下：… 是省略号。1 DataList控件绑定到数据库嗯，这个和GridView控件的绑定方法差不多一样吧，可以写一个方法，基本的代码如下： private void GetBind() { DataList.DataSource = datatable.DefaultView; DataList.DataBind(); }其中，DataList为控件的ID，datatable为DataTable类的一个实例(在ADO.
使用DataList控件的编辑模板
weixin_34026484的博客
11-16 445
控件设置： &lt;asp:DataList id="dlEditItem" runat="server" DataKeyField="EmployeeID"&gt;     &lt;HeaderTemplate&gt;      人员信息     &lt;/HeaderTemplate&gt;     &lt;FooterTemplate&gt;      &lt
datalist的数据绑定事件
AllenTing的专栏
01-27 3845
     OnItemDataBound="CheckTitle">//OnItemDataBound事件发生在各行被绑定到源数据时被调用            Some of the Latest Wrox Press Books                                      Text= />      * ISBN:        Publish
【Vue】利用datalist标签实现autoComplete组件（可检索的下拉框）
u011279583的博客
04-08 2853
组件库使用的是bootstrap-vue 文档：https://bootstrap-vue.js.org/docs/components/table/ input组件用的是bootstrap-vue提供的组件，换成别的也一样 实际上，bootstrap-vue最新版本中，提供了datalist相关组件，但由于升版本影响太多既存代码，所以选择了自己写一个 :data-value=...
利用js给datalist或select动态添加option选项
wdhouyigege的博客
06-26 1万+
利用js给select或datalist动态添加option选项
DataList各事件
a15668389062的博客
03-02 311
protectedvoidDataList1_EditCommand(objectsource,DataListCommandEventArgse){//SettheDataList'sEditItemIndexpropertytothe//indexoftheDataListIt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值