ASP.NET如何在按钮单击+行条目上更改表行的背景颜色?

时间:2014-06-05 22:15:56

标签: c# javascript jquery html asp.net

我有一个表格,其中一行在用户点击按钮后填入了值。我想根据填充到行中的值将行的背景颜色更改为不同的颜色。

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Search" />
<tr>
    <td runat="server" id ="td1" class="auto-style1"></td>
    <td runat="server" id ="td2" class="auto-style1"></td>
    <td runat="server" id ="td3" class="auto-style1"></td>
    <td runat="server" id ="td4" class="auto-style1"></td>
</tr>

我的Button1_Click函数看起来像

protected void Button1_Click(object sender, EventArgs e)
{
    string[]toDisp = someFunction();
    td1.InnerText = toDisp[0];
    td2.InnerText = toDisp[1];
    td3.InnerText = toDisp[2];
    td4.InnerText = toDisp[3];
}

基本上,我想根据toDisp [1]的值设置表格行的背景颜色。我该怎么做呢?感谢。

1 个答案:

答案 0 :(得分:0)

如果它只是一行

只需使用runat属性

为其设置ID
<tr id="test" runat="server">
    <td runat="server" id ="td1" class="auto-style1"></td>
    <td runat="server" id ="td2" class="auto-style1"></td>
    <td runat="server" id ="td3" class="auto-style1"></td>
    <td runat="server" id ="td4" class="auto-style1"></td>
</tr>

然后根据toDisp [1]的条件

你可以写一个switch语句或Random(基于颜色要求)来设置

test.BgColor = "SomeColor";