ASP.NET 노트 의 Repeater 사용

8665 단어 ASP.NETRepeater
1.데이터 바 인 딩 combox-->BingdSource-->ObjectDataSource
//데이터베이스 연결**배경 코드:
T_UserTableAdapter adpter=T_UserTableAdpter();adpater.호출 T사용자 정의 방법
            
//초기 데이터 설정:AppenddateBource="true";
 


2.Repeater 동적 디 스 플레이 데이터 시트 의 모든 데이터:(for 구문 에 해당 한다 고 생각 합 니 다)
\#대표 귀속 데이터(1,템 플 릿:메 인 키:<%\#Eval("Id")%>(2,기타 템 플 릿(칸 막 이 표시):(3,그리고 머리 꼬리 템 플 릿그리고
(4.<%aaa(Eval("a")%>에서 서버 함수 proctected string aaa(object url){return ResolveClient Url("/./"+url)을 호출 할 수 있 습 니 다.}
(5.흔히 볼 수 있 는 유형 문:
**1:e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem DadaList 의 기본 줄 이나 내용 줄 :항목 을 판단 하 는 데 사용 되 는 것 은 컨트롤 내용 의 항목 이나 삽입 항목 입 니 다.
**2:e.Item.ItemType == ListItemType.Header DadaList 의 제목 줄 형식 을 말 합 니 다.항목 이 컨트롤 의 헤더 인지 아 닌 지 를 판단 하 는 데 사 용 됩 니 다.
**3 검색 자료:
ListItem Type 매 거    [C\#]System.Web.UI.WebControls 네 임 스페이스|DataGridItem.ItemType|DataList Item.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.Data Item;/var row=(항목 이름/폴 더 이름/DAL/Data SetPersons/TPersonsRow)view.Row;
(3.배경 코드:모판 의 ID 를 직접 가 져 올 수 없습니다.
//IDTextBox 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.ToInt 64(e.CommandArgument);
**배경 코드:Repeater.DataBing//데이터 새로 고침 강제

 
(1,OnClient Click="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>
데이터베이스 시트 디자인 은 다음 과 같다.

좋은 웹페이지 즐겨찾기