ASP.net Listview AJAX ModalPopupExtender

Question

Я пытаюсь получить модалпопупексендер для отображения из списка, который находится внутри панели вкладок. Если это возможно, может кто-нибудь помочь мне? Это мой список изображений, отсюда я хотел бы просто всплывать изображения - как с лайтбоксом или fancybox. Я действительно хотел бы использовать модал 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

Я нашел учебник по созданию фотоальбома с использованием списка, который помог мне ответить на мой собственный вопрос!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 и программно показать всплывающее окно?