主页 / 网络编程 /

ASP.NET笔记之 Repeater的使用

网络编程 2021-07-04 22:40www.168986.cn编程入门
本篇文章长沙网络推广为大家介绍，ASP.NET笔记之 Repeater的使用。需要的朋友参考下

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

//连接数据库
后台代码

T_UserTableAdapter adpter=T_UserTableAdpter();
adpater.调用T_User表的自定义方法

            

//设置初始数据
AppenddateBource="true";

 


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

#代表绑定数据
（1、模板<ItemTemplate>主键<%#Eval("Id")%> </ItemTemplate>
（2、其他模板(隔行显示)<AlternatingTemplate></AlternatingTemplate>
（3、还有头部尾部模板<HeaderItemplate>还有<FooterItemplate>

（4、可以在<%aaa(Eval("a")) %>中调用服务端函数
protected string aaa(object url){
return ResolveClientUrl("/../"+url);
}

（5、常见的类型语句

1e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem 
指触发的类型为DadaList中的基本行或内容行 用来判断项是控件内容中的项或交插项

2e.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='<%#Eval("URL")%>'

这样在浏览器中点击是不会到指定页面的，应当改成
href='http://<%#Eval("URL")%>'

（5、aspx中支持格式
     <%#Eval("Date","yyyy-mm-dd")%>

 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

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="move_pic.aspx.cs" Inherits="Move_Pic.move_pic" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://.w3./1999/xhtml">
 <head id="Head1" runat="server">
     <title></title>
     <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

 </head>

 <body>
     <form id="form1" runat="server">
     <div>

         <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
             DeleteMethod="Delete" InsertMethod="Insert"
             OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"
             TypeName="Move_Pic.DAL.DataSet1TableAdapters.T_userInfoTableAdapter"
             UpdateMethod="Update">
             <DeleteParameters>
                 <asp:Parameter Name="Original_sUserName" Type="String" />
             </DeleteParameters>
             <InsertParameters>
                 <asp:Parameter Name="sUserName" Type="String" />
                 <asp:Parameter Name="sPassWord" Type="String" />
                 <asp:Parameter Name="Email" Type="String" />
                 <asp:Parameter Name="Age" Type="Int32" />
                 <asp:Parameter Name="Pic_url" Type="String" />
             </InsertParameters>
             <UpdateParameters>
                 <asp:Parameter Name="sPassWord" Type="String" />
                 <asp:Parameter Name="Email" Type="String" />
                 <asp:Parameter Name="Age" Type="Int32" />
                 <asp:Parameter Name="Pic_url" Type="String" />
                 <asp:Parameter Name="Original_sUserName" Type="String" />
             </UpdateParameters>
         </asp:ObjectDataSource>

     <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1">
       <HeaderTemplate>欢迎选购<table id="tableId"><tr></HeaderTemplate>
       <ItemTemplate><td>
         <img a1='<%#Eval("sUserName")%>' a2='<%#Eval("Age") %>'width="100",
             height="150" src='image/<%#Eval("Pic_url") %>' /></td>
       </ItemTemplate>
       <FooterTemplate></tr></table>欢迎下次光临</FooterTemplate>
     </asp:Repeater>

     <script type="text/javascript">
         /$("img").mousemove(function (e) {
             $("#sUserName").text($(this).attr("a1"));
             $("#Age").text($(this).attr("a2"));
             $("#divNone").css("", 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");
         });
     </script>

     </div>
     <div style="display:none"  id="divNone">
        <p>姓名<span id="sUserName"></span></p>
        <p>年龄<span id="Age"></span></p>
     </div>

     </form>
 </body>

 </html>

数据库表设计如下

上一篇：.net 中的SqlConnection连接池机制详解 下一篇：DataTable数据导出成Excel文件的小例子

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by