c# - DataList ItemCommand 事件改变 CSS 类

Question

我在 DataList 控件中有按钮，当我单击一个按钮时，我在 itemcommand 事件中更改其 CSS 类，该类正在按预期更改，但是当我单击 button1 时它会更改其 CSS 类，然后单击 button2它也会改变它的 CSS 类，但是 button1 也有相同的类，我只想在我点击的按钮上添加这个类。这是我的 aspx 代码

 <asp:DataList ID="lst" runat="server" OnItemCommand="lst_ItemCommand"
                        Width="187">
                        <HeaderTemplate>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <div class="num">
                                <asp:LinkButton  style="text-decoration:none;" ID="lnk" CommandName="detail" CommandArgument='<%# Eval("UserID") %>'
                                    runat="server"><%# Eval("Title")+" "+Eval("Firstname")%></asp:LinkButton>
                            </div>
                        </ItemTemplate>
                        <FooterTemplate>
                        </FooterTemplate>
                    </asp:DataList>

这是我的 .CS 代码

   protected void lst_ItemCommand(object source, DataListCommandEventArgs e)
        {

            if (e.CommandName == "detail")
            {
            LinkButton btnlnk = (LinkButton)e.Item.FindControl("lnk");
                btnlnk.CssClass = "selectedclass";
              }


        }

Answer 1

您可以执行以下操作

protected void lst_ItemCommand(object source, DataListCommandEventArgs e)
{
    if (e.CommandName == "detail")
    {
        int index = e.Item.ItemIndex;

        for (int i = 0; i < lst.Items.Count; i++)
        {
            LinkButton btnlnk = lst.Items[i].FindControl("lnk") as LinkButton;
            if (btnlnk !=null)
            {
                btnlnk.CssClass = index == i? "selectedclass" :string.Empty;
            }

        }

    } 
}

Answer 2

您应该为 LinkBut​​ton 添加 AutoPostBack 选项，并且必须检查页面回发状态 (isPostBack)。因为，您的代码将为每个回发重新生成。