根据数据库值asp.net更改css值

我正在使用sql server和aspx。我希望表中的值根据代码隐藏文件中sql中的值更改颜色。因此，如果其中一个表中的值=“是”，则更改颜色#ff0000。如果表中的值为==“否”，则将其更改为#00ff00；表名为：submitTable，列名为status。我正在使用Gridview

<asp:GridView ID="gridlistUsers" runat="server" HorizontalAlign="left" AutoGenerateColumns="false" CssClass="table table-bordered " GridLines="None">
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="TicketNumber" HeaderStyle-CssClass="Color" />
        <asp:BoundField DataField="ID" HeaderText="TicketNumber" HeaderStyle-CssClass="Color" />
        <asp:BoundField DataField="Status" HeaderText="Opened/Closed" HeaderStyle-CssClass="Color" />
    </Columns>
</asp:GridView>

---

您应该在asp中为该sql表创建REST API。 然后使用Ajax和JS，您可以为每个html表获取这些值并保存到变量

然后是简单的：

if (your_sql_value === "yes") {
    document.querySelector('.css-class').style.backgroundColor = "#ff0000"
} else if (your_sql_value === "no") {
    document.querySelector('.css-class').style.backgroundColor = "#00ff00"
}

---

您应该在asp中执行此任务，以便为此sql表创建REST API。 然后使用Ajax和JS，您可以为每个html表获取这些值并保存到变量

然后是简单的：

if (your_sql_value === "yes") {
    document.querySelector('.css-class').style.backgroundColor = "#ff0000"
} else if (your_sql_value === "no") {
    document.querySelector('.css-class').style.backgroundColor = "#00ff00"
}

---

根据您的回答，我假设您使用的是asp:表

因此，基本上有两种方法：

1。您的表格已填充并呈现

如果是这种情况，请检查下表示例：

图像：

<asp:Table ID="submitTable" runat="server" GridLines="Both">
    <asp:TableRow runat="server" HorizontalAlign="Center" TableSection="TableHeader" VerticalAlign="Middle">
        <asp:TableCell runat="server" Width="128px">ID</asp:TableCell>
        <asp:TableCell runat="server" Width="128px">Status</asp:TableCell>
    </asp:TableRow>
</asp:Table>

.ASPX表格代码：

<asp:Table ID="submitTable" runat="server" GridLines="Both">
    <asp:TableRow runat="server" HorizontalAlign="Center" TableSection="TableHeader" VerticalAlign="Middle">
        <asp:TableCell runat="server" Width="128px">ID</asp:TableCell>
        <asp:TableCell runat="server" Width="128px">Status</asp:TableCell>
    </asp:TableRow>
</asp:Table>

结果（不同的随机值）：

<asp:Table ID="submitTable" runat="server" GridLines="Both">
    <asp:TableRow runat="server" HorizontalAlign="Center" TableSection="TableHeader" VerticalAlign="Middle">
        <asp:TableCell runat="server" Width="128px">ID</asp:TableCell>
        <asp:TableCell runat="server" Width="128px">Status</asp:TableCell>
    </asp:TableRow>
</asp:Table>

或

2。如果要在填写表格时给表格上色

在这种情况下，当实例化TableCell对象以填充TableRow时，可以对其应用颜色：

string statusValueFromSql = valueFromSqlQuery;
Color color;

if( statusValueFromSql.Equals("yes") )
{
    color = Color.FromArgb(255, 0, 0); // 255, 0, 0 is #ff0000 in RGB
}
else
{
    color = Color.FromArgb(0, 255, 0); // 0, 255, 0 is ##00ff00 in RGB
}

var cellStatus = new TableCell { BackColor = color };

最终结果与情况1完全相同

---

我希望我的回答能有所帮助。

根据您的回答，我假设您使用的是asp:Table

因此，基本上有两种方法：

1。您的表格已填充并呈现

如果是这种情况，请检查下表示例：

图像：

<asp:Table ID="submitTable" runat="server" GridLines="Both">
    <asp:TableRow runat="server" HorizontalAlign="Center" TableSection="TableHeader" VerticalAlign="Middle">
        <asp:TableCell runat="server" Width="128px">ID</asp:TableCell>
        <asp:TableCell runat="server" Width="128px">Status</asp:TableCell>
    </asp:TableRow>
</asp:Table>

.ASPX表格代码：

<asp:Table ID="submitTable" runat="server" GridLines="Both">
    <asp:TableRow runat="server" HorizontalAlign="Center" TableSection="TableHeader" VerticalAlign="Middle">
        <asp:TableCell runat="server" Width="128px">ID</asp:TableCell>
        <asp:TableCell runat="server" Width="128px">Status</asp:TableCell>
    </asp:TableRow>
</asp:Table>

结果（不同的随机值）：

<asp:Table ID="submitTable" runat="server" GridLines="Both">
    <asp:TableRow runat="server" HorizontalAlign="Center" TableSection="TableHeader" VerticalAlign="Middle">
        <asp:TableCell runat="server" Width="128px">ID</asp:TableCell>
        <asp:TableCell runat="server" Width="128px">Status</asp:TableCell>
    </asp:TableRow>
</asp:Table>

或

2。如果要在填写表格时给表格上色

在这种情况下，当实例化TableCell对象以填充TableRow时，可以对其应用颜色：

string statusValueFromSql = valueFromSqlQuery;
Color color;

if( statusValueFromSql.Equals("yes") )
{
    color = Color.FromArgb(255, 0, 0); // 255, 0, 0 is #ff0000 in RGB
}
else
{
    color = Color.FromArgb(0, 255, 0); // 0, 255, 0 is ##00ff00 in RGB
}

var cellStatus = new TableCell { BackColor = color };

最终结果与情况1完全相同

---

我希望我的回答有帮助。

您可以使用

OnRowDataBound

事件来实现这一点

<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">

---

您可以使用

OnRowDataBound

事件进行此操作

<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">

---

我已经让它工作了！这对我也有帮助

---

我已经让它工作了！这对我也有帮助

---

你的代码和密码在哪里？例如，你说的是什么类型的

表

。我在VDWWDW中添加了一些代码。这是你的代码和一个？例如，你说的是什么类型的

表

。我添加了一些代码@VDWWDI实际上需要它用于GridView not表我实际上需要它用于GridView not表