首頁 > 開發者 > ASP

ASP.NET筆記之 Repeater的使用

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

1、資料繫結
combox-->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、常見的類型語句：

**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='<%#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://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/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("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");
});
</script>

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

</form>
</body>

</html>

資料庫表設計如下：

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
broadband repeater 5ghz repeater t1 repeater axure repeater meraki repeater frs repeater nested repeater
相關文章
ASP學習總結：錯誤碼
反爬蟲：利用ASP.NET MVC的Filter和緩衝（入坑出坑）
ASP.NET Core 2.0利用MassTransit整合RabbitMQ
實戰中的asp.net core結合Consul叢集&Docker實現服務治理
asp DateDiff實現文字在特定時間後消失
設定和讀取ASP.Net全域變數的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More