aspx repeater 用法_ASP.NET笔记之 Repeater的使用

1、数据绑定combox-->BingdSource-->ObjectDataSource

//连接数据库

**后台代码:

T_UserTableAdapter adpter=T_UserTableAdpter();

adpater.调用T_User表的自定义方法

//设置初始数据:

AppenddateBource="true";

2、Repeater 动态显示数据表中所有数据:(相当于一个for语句我觉得)

#代表绑定数据

(1、模板:主键:

(2、其他模板(隔行显示):

(3、还有头部尾部模板还有

(4、可以在中调用服务端函数

protected string aaa(object url){

return ResolveClientUrl("/../"+url);

}

(5、常见的类型语句:

**1:e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem

指触发的类型为DadaList中的基本行或内容行 :用来判断项是控件内容中的项或交插项

**2:e.Item.ItemType == ListItemType.Header

指触发的类型为DadaList中的标题行的内容:用来判断项是不是控件的表头

**3搜索资料:

ListItemType 枚举    [C#]请参见

System.Web.UI.WebControls 命名空间 | DataGridItem.ItemType | DataListItem.ItemType | RepeaterItem.ItemType

命名空间: System.Web.UI.WebControls

ListItemType    枚举表示可以包含在列表控件中的不同项,例如 DataGrid、DataList 和 Repeater。典型的列表控件由包含此枚举所表示的元素的单元格组成。

成员

成员名称            说明

AlternatingItem    交替(从零开始的偶数索引)单元格中的项。它是数据绑定的。

EditItem     列表控件中当前处于编辑模式的项。它是数据绑定的。

Footer     列表控件的页脚。它不是数据绑定的。

Header     列表控件的页眉。它不是数据绑定的。

Item    列表控件中的项。它是数据绑定的。

Pager     页导航,显示定位到与 DataGrid 控件关联的不同页的控件。它不是数据绑定的。

SelectedItem     列表控件中的选定项。它是数据绑定的。

Separator    列表控件中项之间的分隔符。它不是数据绑定的。

3、Repeater事件之ItemDataBound事件

(1、OnItemDataBound事件(绑定中获取同一行相关信息)

DataRowView MyRow= (DataRowView)e.Item.DataItem;

MyRow["这里是相关字段名称"]

(2、后台代码:获取数据库表中的列

//取出绑定行的信息

DataRowView view=(DataRowView)e.Item.DataItem;

//强连接

var row=(项目名称/文件夹名/DAL/DataSetPersons/T_PersonsRow)view.Row;

(3、后台代码:母版中的ID不能直接取

//获得ID

TextBox txtId=(TextBox)e.Item.FindControl("id");

//根据ID进行操作

txtId.BackColor=Color.Red;

(4、aspx中:href=''

这样在浏览器中点击是不会到指定页面的,应当改成

href='http://'

(5、aspx中:支持格式

4、Repeater事件之ItemCommand事件

** e.CommandName 名字

** e.CommandArgument 参数

**后台代码获取前台传过来的参数例如ID: long id=Convert.ToInt64(e.CommandArgument);

**后台代码:Repeater.DataBing//强制刷新数据

(1、OnClientClick="return confirm("您真的要操作吗?");"

(2、看aspx中id的类型,可以先顶一个id,然后在aspx.cs中查看它是什么类型

//如下用法:

HtmlTableRow tr=(HtmlTableRow)e.Item.FindControl("id");

//自定义属性::css具体的实现在页面中,后台只是引用

**后台代码:tr.Attributes["class"]="css中的.id";

(3、抛出错误: throw new Exception("自己定义的错误类型");

5、实例:

move_pic.aspx

DeleteMethod="Delete" InsertMethod="Insert"

OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"

TypeName="Move_Pic.DAL.DataSet1TableAdapters.T_userInfoTableAdapter"

UpdateMethod="Update">

欢迎选购

        

height="150" src='image/' />

欢迎下次光临

/*$("img").mousemove(function (e) {

$("#sUserName").text($(this).attr("a1"));

$("#Age").text($(this).attr("a2"));

$("#divNone").css("top", e.pageY).css("left", e.pageX).show("slow");

});*/

//动态增长

/* $(function () {

$("#img").click(function () {

//$(this).animate({ "width": "+=300", "height": "+=300" });

$(this).animate({"width":"300","height":"300"});

//$(this).attr("width", "300").attr("height", "300");

});

});*/

$("#tableId img").mouseenter(function () {

$(this).animate({ "width": "300", "height": "300" },"slow");

//$(this).siblings().animate({ "width": "150", "height": "300" });

//将自己排除在外

$("#tableId img").not($(this)).animate({ "width": "100", "height": "150" }, "slow");

});

姓名:

年龄:

数据库表设计如下: