DataList

DataList:
DataList在呈显的时间会自动为模板内容加上Table表格
DataList多了两个模板:SelectedItemTemplate(选中项模板),EditItemTemplate(编辑项模板)

常用属性:
RepeatColumns:每行显示的列数
RepeatDirection:显示的方向
RepeatLayout:布局模式(Table-表格布局,Flow-流式span布局)

常用命令按钮的CommandName
选择按钮-Select
编辑按钮-Edit
更新按钮-Update
取消按钮-Cancel
删除按钮-Delete

虽然DataList控件中每个按钮都有各自的事件,但尽量不要为每个按钮编写事件。
应当把所有的按钮事件全都写在其DataList控件中,进行统一控制。这种方式称之为“事件反升机制”

"选中"按钮被点击的时候会做两件事情:
1.触发SelectedIndexChange事件
2.显示SelectedItemTemplate模板

在DataList事件中找主键值:
1.设置DataKeyField属性为主键列的名子
2.在代码中使用DataList1.Datakeys[索引号].ToString();来取得主键值

"编辑"按钮被点击时候会做两件事情:
1.触发EditCommand事件
2.显示EditTemplate模板

"取消"按钮被点击时会做一件事情
触发CancelCommand事件

"更新"按钮被点击时会做一件事情
触发UpdateCommand事件
1.取当前项的主键值
2.从数据库查出当前项的数据
3.把界面上的值改回对象中去
4.把对象更新回数据库去
5.退出编辑状态,重新绑定显示

datakeyfiled用来存储主键,可以通过 string key = DataList1.DataKeys[e.Item.ItemIndex].ToString();

时间: 2024-10-01 10:44:41

DataList的相关文章

html5之datalist标签

---恢复内容开始--- 当我看到这个标签的时候,其实我是很愤怒的.因为我以前实现过这个标签的功能,当时是无比的费劲.什么js库呀,function呀.我靠,统统去屎吧,哥有datalist了.那种感觉就好像自己千辛万苦去追去一个普通女孩时,到头来却发现一个女神喜欢自己.呼啦啦 <!DOCTYPE HTML> <html> <body> <input list="cars" /> <datalist id="cars&qu

html5 datalist自动完成

1.传统输入框 <label for="favorite_team">Favorite Team:</label> <input type="text" name="team" id="favorite_team" /> 2.使用datalist 给input增加一个list属性,属性值为datalist的id值. 双击input或者输入一个匹配的首字母的时候可以提供选项让用户选择. <

ASP.NET DataList嵌套实现评论效果

问题: Datalist1显示say这个表的数据 然后想在Datalist1中嵌套一个Datalist2用于显示对应的评论表2的 sayID对应表1的id,若表2中找不到对应sayId则在对应的Datalist1中不显示Datalist2.难点在于如何达到“林夏”的说说下面只显示“黄磊”.“叶伟信”的评论,“韩寒”的下面只显示“程程”的评论.(林夏的id是3,所以查询对应的表2中sayId为3的行). 代码 前台代码: <html xmlns="http://www.w3.org/1999

使用DataList实现数据分页的技术

今天做网站的时候,用到了分页技术,我把使用方法记录下来,以便日后查阅以及帮助新手朋友们. DataList控件可以按照列表的形式显示数据表中的多行记录,但是被显示的多行记录没有分页功能,使用起来不太方便.因此需要借助PagedDataSource类来实现分页,该类封装了数据控件的分页属性,其常用属性及说明如下表所示. 属    性 说    明 AllowPaging 获取或设置是否启用分页 AllowCustomPaging 获取或设置是否启用自定义分页 CurrentPageIndex 获取

《ASP.NET》数据绑定—DataList

DataList控件是.NET中的一个控件.DataList控件以表的形式呈现数据(在属性生成器中可以编辑),通过该控件,您可以使用不同的布局来显示数据记录(使用模板编辑),例如,将数据记录排成列或行的形式.您可以对 DataList控件进行配置,使用户能够编辑或删除表中的记录(使用EditItemTemplate模板和SelectedItemTemplate模板).DataList控件不使用数据源控件的数据修改功能,您必须自己提供此代码. 一.DataList 与 Repeater比较 1.D

HTML5 中list 和datalist实例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>s</title></head><body> <form> <input tupe="text" name="greating" list="greating"

Html5 &lt;datalist&gt; input自动完成标签

用原生HTML5控件实现输入框自动提示(下拉列表) <datalist> 标签规定了 <input> 元素可能的选项列表. <datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性. 用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据. 请使用 <input> 元素的 list 属性来绑定 <datalist> 元素. 例子: <input list="b

asp:DropDownList与asp:DataList的联合使用

情况:当在asp:DropDownLis点击选取其中的一个值来响应datalist的值. <form id="form1" runat="server"> <div> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:examConnection

JS-005-JavaScript 操作常见 web 元素之五-常见下拉列表 Select 和 datalist

下拉列表在我们日常的网页浏览的过程中,随处可见,是 web 编程过程中大家非常熟悉的一个页面元素,随着 HTML 语言的日益强大,其在广大攻城狮的手中可谓是千变万化,有了很多不同的实现方式.本文主要以常规的 Select 下拉列表来讲述 js 对下拉列表的常规操作,其中 datalist 算是此文稍许的延伸,也可看做一种简单的下拉列表,遗憾的是 IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持 datalist 标签,其主要应用于输入或搜索文字的自动完成功能等,感兴趣的亲们可以详

html5-select和datalist元素

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>select和datalist</title></head><body>    <!-- <form action="http://localhost">        <selec