访问转发器中的父类属性

Question

这是交易，我得到了一个由中继器及其数据绑定生成的文档列表。在我的标记中，我得到了一个"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>

Answer 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 方法替换我的子字符串。

Answer 2

代码隐藏 - C# ：

您可以将runat="server"和id=""添加到您的 li 中，以便在您的代码隐藏中进行修改

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

Answer 3

使用 jQuery：

jsFiddle 工作链接

将class="linkButton"设置为LinkButtons。

 <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");
                });
            });
        });