ASP.NET HTML 滚动框的基本计数器

ASP.NET Basic Counter for HTML Scrollbox

本文关键字:计数器 NET HTML 滚动 ASP      更新时间:2023-09-26

我正在为客户开发一个滚动条,用于现有网站上的特色文章。(我没有开发网站)。

我需要在下面的 HTML 中添加一个计数器,以便每次调用中继器元素时,每个项目都有一个唯一的"数据标题"值。

下面是我的代码,非常感谢您的帮助!

          <asp:repeater id="rptNews" runat="server">
    <itemtemplate>

      <img src="getImage.asp?img=<%# Container.DataItem("image").Trim()%>&w=600&h=600" data-caption="#htmlCaption5" />


    <span class="orbit-caption" id="htmlCaption5"><strong><a href="/<%# Container.DataItem("url").Trim()%>/"><%# Container.DataItem("title").Trim()%>:</a> </strong><a href="/<%# Container.DataItem("url").Trim()%>/">Read More</a></span>

    </itemtemplate>
    </asp:repeater>

这是从内存中得出的,尚未经过测试,但它应该给你一个想法:

 <asp:repeater id="rptNews" runat="server">
     <itemtemplate>
         <img src="getImage.asp?img=<%# Container.DataItem("image").Trim()%>&w=600&h=600" data-caption='<%# String.Format("#htmlCaption{0}", Container.ItemIndex) %>' />
         <span class="orbit-caption" id='<%# String.Format("#htmlCaption{0}", Container.ItemIndex) %>'><strong><a href="/<%# Container.DataItem("url").Trim()%>/"><%# Container.DataItem("title").Trim()%>:</a> </strong><a href="/<%# Container.DataItem("url").Trim()%>/">Read More</a></span>
    </itemtemplate>
</asp:repeater>

基本上:将字符串"#htmlCaption5"替换为<%# String.Format("#htmlCaption{0}", Container.ItemIndex) %>'