使用javascript更改在转发器中选择的行的颜色

时间:2013-10-06 20:00:26

标签: javascript asp.net

我有一个带链接按钮的转发器。所以,我打算在点击链接按钮时使用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>

1 个答案:

答案 0 :(得分:0)

可以使用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类而不是直接分配颜色。