0

这是交易，我得到了由转发器及其数据绑定生成的文档列表。在我的标记中，我得到了一个用于“li”标签的类，无论是否处于活动状态。

我只需要在选择文档时在我的链接按钮的 Li 父标签上设置 class="active" 。

    <asp:Repeater ID="Repeater1" runat="server">
        <HeaderTemplate>
            <ul>
        </HeaderTemplate>
        <ItemTemplate>
            <li>
                <asp:LinkButton ID="lnk" runat="server" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Id") %>' OnCommand="Get_carte"><%# Container.FindControl("lnk").ClientID %> <%# DataBinder.Eval(Container.DataItem, "Name") %>  - <%# DataBinder.Eval(Container.DataItem, "id") %> - <%# DataBinder.Eval(Container.DataItem, "compteur") %></asp:LinkButton></li>
        </ItemTemplate> 
        <FooterTemplate>
            </ul>
        </FooterTemplate>
    </asp:Repeater>
4

3 回答 3

1

我终于找到了解决我的问题的方法。

@Kapil：您的代码有效，但在重新加载 aspx 页面时遇到问题，然后我无法使用此方法。

@Aghilas：我的解决方案基于您的代码。

事实上，我不能使用 ItemDataBound 事件，因为我只绑定了 1 次中继器，然后我在链接按钮上使用了 OnCommand 事件。这是我的aspx代码：

    <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Rpt_DataBound">
                <HeaderTemplate>
                    <ul>
                </HeaderTemplate>
                <ItemTemplate>
                    <li runat="server" ID="li">
                        <asp:LinkButton ID="lnk" class="linkButton" runat="server" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Id") %>' OnCommand="Get_carte"><%# Container.FindControl("lnk").ClientID %> <%# DataBinder.Eval(Container.DataItem, "Name") %>  - <%# DataBinder.Eval(Container.DataItem, "id") %> - <%# DataBinder.Eval(Container.DataItem, "compteur") %></asp:LinkButton></li>
                </ItemTemplate> 
                <FooterTemplate>
                    </ul>
                </FooterTemplate>
            </asp:Repeater>

还有我的 GetCarte 方法：

    protected void Get_carte(object sender, CommandEventArgs e)
    {
        LinkButton lnk = (LinkButton)sender;
        ViewState["liactive"] = lnk.UniqueID.ToString().Substring(0, lnk.UniqueID.ToString().Length - 4);
        lbl_carte.Text = lnk.UniqueID + " " + e.CommandArgument.ToString();
        foreach (RepeaterItem rI in Repeater1.Items)
        {
            if (rI.ItemType == ListItemType.Item || rI.ItemType == ListItemType.AlternatingItem)
            {
                string liactiv = "";
                if (ViewState["liactive"] != null)
                    liactiv = ViewState["liactive"].ToString();
                var li = (HtmlControl)rI.FindControl("li");
                if (li.UniqueID.ToString().Substring(0, li.UniqueID.ToString().Length - 3) == liactiv) //Adjust your condition
                    li.Attributes.Add("class", "active");
                else
                    li.Attributes.Remove("class");
            }
        }

    }

谢谢你的帮助。

PS：我将 ID 放在 ViewState 中，以防在我的代码的另一部分中需要该值。我也可以用 lastindexof 方法替换我的子字符串。

于 2012-09-20T08:18:30.620 回答
0

代码背后 - C#：

您可以在您的 li 中添加runat="server"和id=""，以便在您的代码后面进行修改

void Repeater_ItemDataBound(Object Sender, RepeaterItemEventArgs e) 
{
       if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) 
       {
         var li = (HtmlControl)e.Item.FindControl("IdOfYourLI");  
         if(condition) //Adjust your condition
         {
           li.Attributes.Add("class", "active");
         }
       }    
 }

您还可以使用 JavaScript 进行修改：

你添加到element id使用GetElementById方法

youIdOfControlLI.className = 'active';
于 2012-09-19T13:22:21.247 回答
0

使用 jQuery：

jsFiddle 工作链接

将class="linkBut​​ton"设置为您的 LinkBut​​tons。

 <asp:LinkButton ID="lnk" class="linkButton" />

使用以下 jQuery 代码在li上设置 Class ：

     $(function () {
            $(".linkButton").each(function (index) {
                $(this).on("click", function () {
                      $(".linkButton").each(function (index) {
                         $(this).closest("li").removeClass("active");
                      });
                    $(this).closest("li").addClass("active");
                });
            });
        });
于 2012-09-19T13:44:56.940 回答