ASP.net Listview AJAX ModalPopupExtender

Question

modalpopupextender를 탭 패널 내부에있는 목록보기에서 표시하려고합니다. 가능한 경우 누군가 나를 도울 수 있습니까? 이것은 내 이미지 목록보기입니다. 여기에서 라이트 상자 나 팬시 박스와 같은 이미지를 팝업하고 싶습니다. 이 페이지의 다른 부분이 그것을 사용하고 있기 때문에 페이지 모달을 일관되게하고 싶기 때문에 Ajax 모달을 사용하고 싶습니다.

<!-- Images --> 
<asp:TabPanel id="tab5" runat="server" HeaderText="Images"> 
    <ContentTemplate> 
     <ul class="info"> 
     <asp:ListView ID="lvImages" runat="server" DataSourceID="dsMarketingImages"> 
     <ItemTemplate> 
      <li title='<%# eval("MarketingData") %>'> 
       <a target="_blank" href="<%# eval("MarketingData") %>"><%#Eval("MarketingTitle")%></a> 
      </li> 
     </ItemTemplate> 
     </asp:ListView> 
     </ul> 
    </ContentTemplate>   
</asp:TabPanel> 

나는 이것을 시도하고 있지만 오류가 발생합니다 : 서버 태그가 잘 형성되지 않았습니다. 모달 내부에 이미지를 표시하려면 어떻게해야합니까? 나는 여기에서 꽤 난처하게 굴었다. 도와 주시면 감사하겠습니다!

 <asp:ListView ID="lvImages" runat="server" DataSourceID="dsMarketingImages" DataKeyNames="MarketingID"> 
     <ItemTemplate> 
      <li> 
       <asp:LinkButton ID="ViewImagesButton" runat="server"><%#Eval("MarketingTitle")%></asp:LinkButton><asp:ImageButton ID="ImageButton1" runat="server" Style="float:right;" AlternateText="" ImageUrl="../../images/delete.png" CommandName="Delete" OnClientClick="return confirm('Are you sure you want to delete this image?')" /> 
       <asp:Panel ID="ViewImagesPanel" runat="server"> 
        <asp:Image ID="Image1" runat="server" href="<%# Eval("MarketingData") %>"/> 
       </asp:Panel> 
       <asp:ModalPopupExtender ID="ViewImagesModal" runat="server" BackgroundCssClass="modalBackground" DropShadow="true" DynamicServicePath="" Enabled="true" PopupControlID="ViewImagesPanel" TargetControlID="ViewImagesButton"></asp:ModalPopupExtender> 
      </li> 
     </ItemTemplate> 
     </asp:ListView> 

Answer 1

나는 내 자신의 질문에 답하는 데 도움이되는 listview를 사용하여 그림 앨범을 만드는 방법에 대한 자습서를 발견했습니다! http://www.dotnetcurry.com/ShowArticle.aspx?ID=175에서 찾을 수 있습니다. 이 게시물이 앞으로 누군가에게 도움이되기를 바랍니다. 다음은 지금 작동하는 코드입니다. 내 서버 태그 오류는 "아니요"인 < %% "대신에" "대신" "을 사용했기 때문에 발생했습니다. : O)

<!-- Images --> 
<asp:TabPanel id="tab5" runat="server" HeaderText="Images"> 
<HeaderTemplate>Images</HeaderTemplate> 
    <ContentTemplate> 
     <ul class="info"> 
     <asp:ListView ID="lvImages" runat="server" DataSourceID="dsMarketingImages" DataKeyNames="MarketingID"> 
     <ItemTemplate> 
      <li> 
       <asp:LinkButton ID="ViewImagesButton" runat="server"><%#Eval("MarketingTitle")%></asp:LinkButton><asp:ImageButton ID="ImageButton1" runat="server" Style="float:right;" AlternateText="" ImageUrl="../../images/delete.png" CommandName="Delete" OnClientClick="return confirm('Are you sure you want to delete this image?')" /> 
       <asp:Panel ID="ViewImagesPanel" runat="server"> 
        <asp:Image ID="Image1" runat="server" AlternateText='<%#Eval("MarketingTitle")%>' ImageUrl='<%# Eval("MarketingData") %>'/> 
       </asp:Panel> 
       <asp:ModalPopupExtender ID="ViewImagesModal" runat="server" BackgroundCssClass="modalBackground" DropShadow="true" DynamicServicePath="" Enabled="true" PopupControlID="ViewImagesPanel" TargetControlID="ViewImagesButton"></asp:ModalPopupExtender> 
      </li> 
     </ItemTemplate> 
     </asp:ListView> 
     </ul> 
    </ContentTemplate>  
</asp:TabPanel> 

Answer 2

왜 ListItem을 LinkButton으로 만들고 팝업을 프로그래밍 방식으로 표시합니까?