HTML Scrollbox的ASP.NET Basic计数器

Question

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

我需要在下面的HTML中添加一个计数器，这样每次调用repeater元素时，每个项目都有一个唯一的"data-caption“值。

下面是我的代码，非常感谢您的帮助！

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

Answer 1

这是来自内存的，没有经过测试，但它应该会让你有一个想法：

 <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) %>'