主頁 > 知識庫 > ASP.NET筆記之 Repeater的使用

ASP.NET筆記之 Repeater的使用

熱門標簽:廈門四川外呼系統(tǒng) 內蒙古智能電銷機器人哪家強 百度地圖標注點擊事件 怎樣在地圖標注消火栓圖形 濟源人工智能電話機器人價格 泰州手機外呼系統(tǒng)軟件 杭州智能電話機器人 山東防封電銷卡辦理套餐 地圖標注位置多的錢

1、數(shù)據(jù)綁定
combox-->BingdSource-->ObjectDataSource

//連接數(shù)據(jù)庫
**后臺代碼:

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

            

//設置初始數(shù)據(jù):
AppenddateBource="true";

 


2、Repeater 動態(tài)顯示數(shù)據(jù)表中所有數(shù)據(jù):(相當于一個for語句我覺得)

#代表綁定數(shù)據(jù)
(1、模板:ItemTemplate>主鍵:%#Eval("Id")%> /ItemTemplate>
(2、其他模板(隔行顯示):AlternatingTemplate>/AlternatingTemplate>
(3、還有頭部尾部模板HeaderItemplate>還有FooterItemplate>

(4、可以在%aaa(Eval("a")) %>中調用服務端函數(shù)
protected string aaa(object url){
return ResolveClientUrl("/../"+url);
}

(5、常見的類型語句:

**1:e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem 
指觸發(fā)的類型為DadaList中的基本行或內容行 :用來判斷項是控件內容中的項或交插項

**2:e.Item.ItemType == ListItemType.Header 
指觸發(fā)的類型為DadaList中的標題行的內容:用來判斷項是不是控件的表頭

**3搜索資料:

ListItemType 枚舉    [C#]請參見
System.Web.UI.WebControls 命名空間 | DataGridItem.ItemType | DataListItem.ItemType | RepeaterItem.ItemType 
命名空間: System.Web.UI.WebControls

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

成員
成員名稱            說明 
AlternatingItem    交替(從零開始的偶數(shù)索引)單元格中的項。它是數(shù)據(jù)綁定的。 
EditItem     列表控件中當前處于編輯模式的項。它是數(shù)據(jù)綁定的。 
Footer     列表控件的頁腳。它不是數(shù)據(jù)綁定的。 
Header     列表控件的頁眉。它不是數(shù)據(jù)綁定的。 
Item    列表控件中的項。它是數(shù)據(jù)綁定的。 
Pager     頁導航,顯示定位到與 DataGrid 控件關聯(lián)的不同頁的控件。它不是數(shù)據(jù)綁定的。 
SelectedItem     列表控件中的選定項。它是數(shù)據(jù)綁定的。 
Separator    列表控件中項之間的分隔符。它不是數(shù)據(jù)綁定的。

 3、Repeater事件之ItemDataBound事件

(1、OnItemDataBound事件(綁定中獲取同一行相關信息)

DataRowView MyRow= (DataRowView)e.Item.DataItem;
MyRow["這里是相關字段名稱"]

(2、后臺代碼:獲取數(shù)據(jù)庫表中的列

//取出綁定行的信息
DataRowView view=(DataRowView)e.Item.DataItem;
//強連接
var row=(項目名稱/文件夾名/DAL/DataSetPersons/T_PersonsRow)view.Row;

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

//獲得ID
TextBox txtId=(TextBox)e.Item.FindControl("id");
//根據(jù)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 參數(shù)

**后臺代碼獲取前臺傳過來的參數(shù)例如ID: long id=Convert.ToInt64(e.CommandArgument);

**后臺代碼:Repeater.DataBing//強制刷新數(shù)據(jù)

 

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

(2、看aspx中id的類型,可以先頂一個id,然后在aspx.cs中查看它是什么類型
//如下用法:
HtmlTableRow tr=(HtmlTableRow)e.Item.FindControl("id");
//自定義屬性::css具體的實現(xiàn)在頁面中,后臺只是引用
**后臺代碼: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");
         });*/
         //動態(tài)增長
       /* $(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>

數(shù)據(jù)庫表設計如下:

您可能感興趣的文章:
  • ASP.NET repeater添加序號列的方法
  • asp.net Repeater取得CheckBox選中的某行某個值的c#寫法
  • asp.net repeater手寫分頁實例代碼
  • asp.net Repeater之非常好的數(shù)據(jù)分頁
  • asp.net中讓Repeater和GridView支持DataPager分頁
  • asp.net Repeater 數(shù)據(jù)綁定的具體實現(xiàn)(圖文詳解)
  • asp.net 遍歷repeater中的控件的幾種方式
  • asp.net下Repeater使用 AspNetPager分頁控件
  • asp.net repeater實現(xiàn)批量刪除
  • asp.net Repeater控件的說明及詳細介紹及使用方法
  • asp.net Repeater 數(shù)據(jù)綁定代碼
  • JQuery實現(xiàn)Repeater無刷新批量刪除(附后臺asp.net源碼)
  • 決定何時使用 DataGrid、DataList 或 Repeater(ASP.NET 技術文章)
  • asp.net DataList與Repeater用法區(qū)別
  • 詳解ASP.NET數(shù)據(jù)綁定操作中Repeater控件的用法

標簽:百色 洛陽 朔州 新鄉(xiāng) 臺州 周口 朝陽 喀什

巨人網(wǎng)絡通訊聲明:本文標題《ASP.NET筆記之 Repeater的使用》,本文關鍵詞  ASP.NET,筆記,之,Repeater,的,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ASP.NET筆記之 Repeater的使用》相關的同類信息!
  • 本頁收集關于ASP.NET筆記之 Repeater的使用的相關信息資訊供網(wǎng)民參考!
  • 推薦文章