添加类最后一个项目

可能重复：
change repeater li item class if first or last 添加类最后一个项目

IM在一个.NET网站，我从来没有合作过的工作。

我有输出4个格下面...

<asp:Repeater ID="RT_Ranges" runat="server"> 
    <ItemTemplate> 
     <div class="item"> 
      <h4> 
       <%# Eval("Category_Name")%></h4> 
      <asp:Image ID="Image1" ImageUrl='<%# Eval("Img") %>' runat="server" Height="92" Width="79" /> 
      <p> 
       <%# Eval("des") %></p> 
      <asp:HyperLink ID="HL_More" NavigateUrl='<%# Eval("nav") %>' runat="server">View More</asp:HyperLink> 
     </div> 
    </ItemTemplate> 
</asp:Repeater>

我要添加从上面的输出类到最后DIV，这是可能的，如果是我会怎么做呢？

来源

2012-10-18 Liam

你可以使用任何客户方的技术，或者你被限制使用C＃？如果可以的话，我会告诉你一个非常简单的使用jQuery的解决方案。 –

尝试使用jQuery：'$（“div.item：last”）。addClass（ “类名”）';超级简单 – mshsayem

帮助文章：http://forums.asp.net/t/881301.aspx?Last+item+of+repeater –

你可以在服务器上：

在数据绑定

或客户端上后，后面的代码：

使用纯CSS（见:last-child selector）
使用脚本（请参阅jQuery :last-child selector）

来源

2012-10-18 10:14:12

你不能这样做。至少这并不容易。

如果你需要这个类的样式的原因，然后使用:last-child伪类，如果你需要这个在JavaScript中，那么还有其他方法获取最后一个孩子。

来源

2012-10-18 10:14:24 kubal5003

你有你的答案here

使它像：

<asp:Repeater ID="RT_Ranges" runat="server"> 
    <ItemTemplate> 
     <div class="<%# GetItemClass(Container.ItemIndex) %>"> 
      <h4> 
       <%# Eval("Category_Name")%></h4> 
      <asp:Image ID="Image1" ImageUrl='<%# Eval("Img") %>' runat="server" Height="92" Width="79" /> 
      <p> 
       <%# Eval("des") %></p> 
      <asp:HyperLink ID="HL_More" NavigateUrl='<%# Eval("nav") %>' runat="server">View More</asp:HyperLink> 
     </div> 
    </ItemTemplate> 
</asp:Repeater>

，并在你的代码隐藏：

protected string GetItemClass(int itemIndex) 
{ 
if (itemIndex == this.ItemCount - 1) 
     return "CSS_for_last_item"; 

}

来源

2012-10-18 10:16:18 joaopintocruz

这样一个不错的答案！ –

而不是'this.ItemCount'，我不得不使用'RT_Ranges.Controls.Count'。 –

你可以使用一个Panel代替（其呈现为DIV ）。然后你可以使用此代码来获得的最后一个项目，找到面板：

RepeaterItem lastRepeaterItem = RT_Ranges.Items[RT_Ranges.Items.Count - 1]; 
Panel lastPanel = (Panel)lastRepeaterItem.FindControl("PanelID"); 
lastPanel.CssClass = "yourclass";

来源

2012-10-18 10:16:47

<asp:Repeater ID="RT_Ranges" runat="server"> 
    <ItemTemplate> 
     <div <%# (Container.DataItemIndex != 0 && (Container.DataItemIndex+1) % 4 == 0) ? @"class='myClass'" : @"class='item'" %>> 
      <h4> 
       <%# Eval("Category_Name")%></h4> 
      <asp:Image ID="Image1" ImageUrl='<%# Eval("Img") %>' runat="server" Height="92" Width="79" /> 
      <p> 
       <%# Eval("des") %></p> 
      <asp:HyperLink ID="HL_More" NavigateUrl='<%# Eval("nav") %>' runat="server">View More</asp:HyperLink> 
     </div> 
    </ItemTemplate> 
</asp:Repeater>

或者使用jQuery：

$("table.RT_Ranges div:last").attr("class", "last");

来源

2012-10-18 10:17:48 chridam

更改类属性值，如下所示，

 <div class="<%# GetItemClass(Container.ItemIndex) %>">

并在代码behid中创建GetItemClass方法，

protected string GetItemClass(int itemIndex) 
{ 
    if (itemIndex == this.ItemCount - 1) 
     return "last"; 
    else 
     return "other"; 
}

另请参阅 Change repeater li item class if first or last

来源

2012-10-18 10:20:08

添加类最后一个项目

回答

相关问题