2014-07-07 1 views
1

가로 레이아웃으로 레코드를 표시하려고합니다. 나는 5 개의 레코드 만 표시하는 데이터 목록 컨트롤을 사용했습니다.가로 레이아웃의 데이터 목록 및 기능 선택

데이터 목록의 항목을 클릭하면 상세 정보가 다른 페이지에 표시되도록 선택 기능을 원합니다.

고마워요.

<div style="margin-left: 25%; margin-top: 5%"> 
     <asp:DataList ID="dlTop5" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" RepeatColumns="5" 
      ItemStyle-Width="40%" > 
      <ItemTemplate> 
       <table> 
        <tr> 
         <td rowspan="3" style="margin-left: 3%"> 
          <asp:ImageButton ID="imgServant" runat="server" ImageUrl='<%#Eval("photo")%>' Height="150px" 
           Width="150px" /> 
         </td> 
         <td style="width: 50%"> 
          <asp:Label ID="lblName" runat="server" Text='<%#Eval("name")%>' Font-Bold="true" 
           ForeColor="BlueViolet"></asp:Label> 
         </td> 
        </tr> 
        <tr> 
         <td style="width: 50%"> 
          <asp:Label ID="lblPhone" runat="server" Text='<%#Eval("phone")%>' ForeColor="BlueViolet"> </asp:Label> 
         </td> 
        </tr> 
        <tr> 
         <td style="width: 50%"> 
          <asp:Label ID="lblSrno" runat="server" Text='<%#Eval("sysno")%>'> </asp:Label> 
         </td> 
        </tr> 
       </table> 
      </ItemTemplate> 
      <FooterTemplate> 
       <asp:Button ID="btnViewMore" runat="server" Text="View More" /> 
      </FooterTemplate> 
     </asp:DataList> 
    </div> 
</asp:Content> 
+0

귀하의 질문은 명확하지 않으며 원하는 것은 매우 정교합니다. 특히 당신이 겪고있는 문제는 무엇입니까? 무엇을 이미 시도 했습니까? 조금 더 구체적인 것이 좋을 것입니다. – Kris

+0

기본적으로 ItTemplate 및 Footer 템플릿의 항목에 대한 버튼 클릭 이벤트를 얻을 수있는 방법이 필요합니다. 이미지 버튼을 클릭하면 세부 정보가 표시된 세부 정보 페이지가 열립니다. 마찬가지로 Click of View Button에서 Grid View에 표시 할 모든 레코드 (현재 5 개의 레코드 만 표시) – user3721199

+0

실제 질문 게시를 편집하여 문제를보다 명확하게 설명하십시오. 그렇게하지 않으면 커뮤니티에서 확실한 답을 얻을 수 있습니다. 또한 제목을보다 자세하게 수정하는 것도 고려하십시오. 나는 전문가가 아니지만 "asp.net usercontrol update record view on click"과 같은 것입니다. – Kris

답변

0

이 내가하는 일입니다 ...

<asp:DataList ID="DataList1" runat="server" BorderColor="Black" BorderWidth="1px" 
     DataSourceID="SqlDataSource2" GridLines="Both" RepeatDirection="Horizontal" 
     ShowFooter="False" ShowHeader="False"> 
     <ItemTemplate> 
      <asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("RollCallPeriod") %>' OnClick="LinkButton1_Click"></asp:LinkButton><br /> 
     </ItemTemplate> 
    </asp:DataList><asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:ATCNTV1ConnectionString %>" 
     SelectCommand="SELECT RollCallPeriod FROM tblBoardingRollCallPeriods"> 
    </asp:SqlDataSource> 

그리고 뒤에 예를 들어, 패널을 표시하는 코드로 전화를 발사하고 모든 특정 코드를 넣어 의 OnClick 이벤트를 사용

패널 안의 선택에 대해 - 예 : Gridview 등

물론 LinkButton을 사용할 필요는 없습니다.

라벨에는 마우스 클릭 또는 마우스 오버와 같은 JavaScript를 사용하여 "트랩"하지 않는 한 OnClick 등의 레이블이 없습니다.