通过使用中继器的动态菜单

Question

我正在使用中继器创建菜单（Bootstrap 样式）。我需要首先使第一个项目处于活动状态，但不知道如何做。这是我的：

<!-- Nav tabs -->
<ul id="teamTab" class="nav nav-pills pill-marg" role="tablist">
    <asp:Repeater runat="server" ID="rptMenu">
        <ItemTemplate>
            <li role="presentation">
                <a class="circular" href='#<%# DataBinder.Eval(Container.DataItem, "GroupAbbrev") %>' aria-controls="home"
                        role="tab" data-toggle="tab"><%# String.Format("{0}", Eval("GroupName").ToString().ToUpper()) %></a>
            </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

要使第一个菜单项处于活动状态，其样式必须为 "active"，例如：

<li role="presentation" class="active"><a class="circular" ...>

Answer 1

我认为您可以在转发器模板中添加 <%# Container.ItemIndex == 0 ? "active circular" : "circular" %>（但是自从我使用 WebForms 以来已经年。

示例：

<!-- Nav tabs -->
<ul id="teamTab" class="nav nav-pills pill-marg" role="tablist">
    <asp:Repeater runat="server" ID="rptMenu">
        <ItemTemplate>
            <li role="presentation" class="<%# Container.ItemIndex == 0 ? "active" : "" %>">
                <a class="circular" href='#<%# DataBinder.Eval(Container.DataItem, "GroupAbbrev") %>' aria-controls="home"
                        role="tab" data-toggle="tab"><%# String.Format("{0}", Eval("GroupName").ToString().ToUpper()) %></a>
            </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>

抛开语法问题（如果我有的话），我知道索引可以通过 ItemIndex 获得，请参阅文档 here.

通过使用中继器的动态菜单

Dynamic menu through use of repeater

c#

asp.net

repeater

.net-4.0