如何使用Eval更改TemplateField中的颜色

Question

我有一个包含许多模板字段的网格视图。
我想让我 HTML 源中每个<td>都等于存储在我的数据库中的颜色。
我尝试了下面的代码，但它没有起作用。它在 <td> 中给我一个带有我的颜色的<span> 标记，但但不会出现在浏览器上。

<asp:TemplateField HeaderText="BackGround Color">
     <ItemTemplate>
           <asp:Label  ID="lblBackColor" runat="server" 
                   BackColor='<%# ConvertFromHexToColor( Eval("BackColor").ToString()) %>'>
            </asp:Label>
           <itemstyle width="20%" horizontalalign="Center" />
     </ItemTemplate>    
</asp:TemplateField>

C#代码工作

public  Color ConvertFromHexToColor(string hex)
{
    string colorcode = hex;
    int argb = Int32.Parse(colorcode.Replace("#", ""), NumberStyles.HexNumber);
    Color clr = Color.FromArgb(argb);
    return clr;
}

这是我在浏览器中看到的html和css代码：

            <td>
                <span id="BodyZone__ThemesGrid_lblForeColor_0"  style="background-color: #FFFFFF;"></span>
                <itemstyle width="20%" horizontalalign="Center">
                    </itemstyle>
            </td>

CSS

table.activity_datatable td {
padding: 8px 15px;
color: #6c6c6c;
vertical-align: middle;
-webkit-transition: all 0.2s;
}

- Tarek Saied

---

没有文本在span中，因此背景没有颜色。 - शेखर

什么是“每个 td”的意思？ - शेखर

<td> 是 HTML 中标准的表格数据标签。 - Mark Roworth

Answer 1

如果你想通过布尔值检查它是否为真，则将显示绿色，否则将显示红色。然后使用Eval函数根据颜色显示文本。在这里，GetStatus是一个需要在代码中创建的方法，我们将其与UI绑定，或者您可以像往常一样使用Eval或Bind函数进行绑定。

 ForeColor='<%# (bool)Eval("UserType")==true?System.Drawing.Color.Green:System.Drawing.Color.Red %>'
                                Text='<%# GetStatus((bool)Eval("UserType")) %>'>

- Krish

Answer 2

您需要将文本放置在标签内（该标签呈现为一个 span 元素）

<asp:TemplateField HeaderText="BackGround Color">
  <ItemTemplate>
    <asp:Label  ID="lblBackColor" runat="server" BackColor='<%# ConvertFromHexToColor( Eval("BackColor").ToString()) %>'>PUT_TEXT_HERE</asp:Label>
    <itemstyle width="20%" horizontalalign="Center" />
  </ItemTemplate>
</asp:TemplateField>

您可能更喜欢使用面板（Panel）而不是标签（Label），它会呈现为一个div。不要忘记将内容放置在div或span中。

- Brian Webster

Answer 3

ForeColor='<%# Convert.ToString(Eval("ESM")) == "Elective" ? System.Drawing.Color.Green: 
           Convert.ToString(Eval("ESM")) == "Emergency" ? System.Drawing.Color.Red: System.Drawing.Color.Purple%>'

尝试使用以下代码......

- Chetan Sanghani