使用javascript更改在中繼器中選擇的行的顏色

Question

我有一個帶有linkbutton的中繼器。 因此，我打算在單擊鏈接按鈕時使用javascript，除了能夠進行數據編輯之外，還可以更改所選行的顏色。

但我不知道該怎么做。 我可以添加OnClientClick事件嗎？ 我怎么知道您選擇的能夠更改顏色的線？

謝謝...

<asp:Repeater ID="Repeater1" runat="server" >
  <HeaderTemplate>
        <table>
   </HeaderTemplate>
      <ItemTemplate>
       <tr class="trclass" style="width:100px">
        <td>
            <asp:LinkButton ID="LinkBtn1" OnCommand="lbEdit_Command" 
                   CommandArgument='<%# Eval("ID")%>'
                    CommandName="EDIT" runat="server">
                </asp:LinkButton>
        </td>
      </tr>
   </ItemTemplate>
   <FooterTemplate>
        </table>
   </FooterTemplate>
</asp:Repeater>

Answer 1

您可以使用OnClientClick事件。 在客戶端中單擊“ this”是指導致事件的元素，因此您可以嘗試以下操作：

<asp:LinkButton ID="LinkBtn1" OnCommand="lbEdit_Command" 
    CommandArgument='<%# Eval("ID")%>'
    CommandName="EDIT" runat="server">
    OnClientClick = "this.parentElement.style.backgroundColor = 'blue'"
</asp:LinkButton>

這將選擇單擊的鏈接的父元素TD，並將其背景色設置為藍色。 一個（可能更好）的替代方案是分配一個CSS類，而不是直接分配顏色。