2011-08-23 75 views
0

我试图让一个modalpopupextender从列表视图显示在一个标签面板内。如果这是可能的,有人可以帮助我吗?这是我的图像列表视图,从这里我只想弹出图像 - 像使用lightbox或fancybox。我真的很想使用ajax模式,因为这个页面的其他部分正在使用它,我希望页面模式一致。ASP.net列表视图AJAX ModalPopupExtender

<!-- 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> 

回答

0

我找到了使用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> 
0

为什么不让ListItem成为LinkBut​​ton并以编程方式显示Popup?