2013-05-10 4 views
0

내가 JQuery ThickBox 3.1를 사용 인라인 콘텐츠를 사용하고, 여기에 내 코드 이미지와JQuery와 Thickbox와

<telerik:RadListView runat="server" ID="myDataList" AllowPaging="true" 
    DataKeyNames="id" ItemPlaceholderID="PlaceHolder1" 
    NeedDataSource="list_DataRebind"> 
     <LayoutTemplate> 
      <div class="sushibar"> 
       <asp:Panel ID="SushiPanel" runat="server"> 
        <div class="sushi"> 
         <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder> 
        </div> 
        <telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="4" PagedControlID="myDataList"> 
         <Fields> 
          <telerik:RadDataPagerButtonField /> 
          <telerik:RadDataPagerPageSizeField /> 
          <telerik:RadDataPagerSliderField /> 
         </Fields> 
        </telerik:RadDataPager> 
       </asp:Panel> 
      </div> 
     </LayoutTemplate> 
     <ItemTemplate> 
      <div class="imageDiv"> 
       <span style="margin-bottom: 5px; display: block; color: #FF6600; font-weight: bold;"> 
        <%#Eval("Title") %></span> 
       <br /> 
       <a href='<%#Eval("ImagePath")%>' title='<%#Eval("Title")%>' class="thickbox" > 
        <img src='<%#Eval("ImagePath")%>' alt="Single Image" width="150px" height="200px" /></a></div> 
     </ItemTemplate> 
    </telerik:RadListView> 

팝업 상자와 제목이 제대로 보여,하지만 난 그것으로 보여 다른 필드 (<%#Eval("Description")%>)가!
나는 Thickbox와 인라인 콘텐츠를 표시하는 방법을 발견 ,

<input alt="#TB_inline?height=300&width=400&inlineId=myOnPageContent" title="add a 
caption to title attribute/or leave blank" class="thickbox" type="button"  value="Show" /> 
<a href="#TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true" 
class="thickbox">Show hidden modal content.</a> 

그러나 나는 ListView이를 사용하는 방법을 모르겠어요!

+0

나는 Telerik : RadListView를 사용하지만 당신은'asp : ListView'로 당신의 예제를 보여줄 수 있습니다 :) – zey

답변

0

: D, 답변을 찾았습니다! 내용 (이미지 + 설명)을 숨겨진 구분 (스타일은 Display:none)으로 설정하고 div idinlineId으로 설정하면됩니다.

 <ItemTemplate> 
      <div class="imageDiv"> 
       <span style="margin-bottom: 5px; display: block; color: #FF6600; font-weight: bold;"> 
        <%#Eval("Title") %></span> 
       <br /> 
       <div id="popUpRegion" style="display: none"> 
        <img src='<%#Eval("ImagePath")%>' alt="Single Image" width="500px" height="600px" /> 
        <p> 
         <%#Eval("Description")%></p> 
       </div> 
       <a href="#TB_inline?height=800&width=600&inlineId=popUpRegion" title='<%#Eval("Title")%>' 
        class="thickbox"> 
        <img src='<%#Eval("ImagePath")%>' alt="Single Image" width="150px" height="200px" /></a></div> 
     </ItemTemplate>