如何防止重复器中的交替模板的 itemtamplate 中的内容重复？

Question

有没有办法防止 itemtemplate 内容重复，而 itemtemplate 内容只会与交替模板块的不同 css 类一起出现？

<asp:Repeater ID="rptCommentHistory" runat="server">
    <ItemTemplate>
        <asp:Label ID="lblComment" runat="server" Text='<%#Eval("Comment").ToString() %>' 
          Class="itemTemplate"/>
     </ItemTemplate>

    <AlternatingItemTemplate>
       <asp:Label ID="lblComment" runat="server" Text='<%#Eval("Comment").ToString() %>' 
          Class="alternatingTtemTemplate"/>
    </AlternatingItemTemplate>
</asp:Repeater>

Answer 1

这应该做你想要的:-)

<asp:Repeater ID="rptData" runat="server">
    <ItemTemplate>
        <asp:Label ID="lblData" runat="server" Text='<%# Eval("Comments") %>' CssClass='<%# Container.ItemIndex%2==0?"itemTemplate":"alternatingTtemTemplate" %>'></asp:Label>
    </ItemTemplate>
    </asp:Repeater>

Answer 2

我从不使用AlternatingItemTemplate。我不喜欢为了拥有替代项而必须复制我的代码，并且我认为如果代码如此不同以至于不能将其归类为重复项，那么您不应该使用 Repeater无论如何都要控制。

因此，我总是只使用 ItemTemplate，并在 ItemDataBound 事件中进行所需的任何更改。

要确定该项目是正常项目还是交替项目，我会执行以下操作：

if ((e.Item.ItemIndex+1 % 2)=0){
   //Alternating code here..
}

在您的情况下，唯一的区别是对 Label CssClass 的更改，所以我会做类似的事情：

if ((e.Item.ItemIndex+1 % 2)=0){
   Label lblComment = e.Item.FindControl("lblComment");
   lblComment.CssClass = "alternatingTtemTemplate";
}

Answer 3

这并不是真正的重复，不用担心。您正在按预期实施此操作。

我能想到的唯一其他选择是使用 itemtemplate，编写一些在 itemdatabound 事件上触发的代码，并使用 FindControl 以编程方式更改 css 类。

我知道我更愿意使用哪个...

Answer 4

由于似乎建议的解决方案并不令人满意，并且没有其他“.net”解决方案，因此我建议您在 javascript 中执行此操作（因为纯 CSS 中不存在它）。

jQuery 允许您对选择器的偶数和奇数元素应用不同的样式。
它应该与表格行之外的其他元素一起使用...

所以类似这样的东西应该可以工作：

$("#rptCommentHistory span:even").addClass("itemTemplate");
$("#rptCommentHistory span:odd").addClass("alternatingTtemTemplate");

或者您可以将 ItemTemplate 设置为所有元素并使用（它可能会表现更好）：

$("#rptCommentHistory span:odd").removeClass("ItemTemplate").addClass("alternatingTtemTemplate");