Question

在MVC Razor gridPanel中，如何使用其他单元格值设置单元格颜色？在同一个单元格中，我可以使用调用javascript函数的渲染器选项来设置单元格颜色，如下所示：

Html.X().Column().Text("Cell_1").DataIndex("cell_1_value").Renderer("change"),
Html.X().Column().Text("Cell_2").DataIndex("cell_2_value")

javaScript函数是：

var change = function (value) {
            return Ext.String.format(template, (value > 2) ? "green" : "red", value);
        };

有没有办法设置＆＃34; Cell1＆＃34;颜色基于＆＃34; cell_2_value＆＃34;？请注意，Cell2属于另一列。

Answer 1

也许您可以使用JavaScript获取单元格2的背景颜色，然后激活以下JavaScript函数？请记住将cell_1_id替换为适当的ID。

function change_background(cell_2_colour) {
    document.getElementById("cell_1_id").style.backgroundColor=cell_2_colour;
}

我希望有所帮助，

西蒙。

Answer 2

试试这个：

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Script Test</title>
    </head>
    <body>
        <div id="cell_1"><h1>Cell 1</h1></div>
        <div id="cell_2" style="background-color:orange;"><h1>Cell 2</h1></div>
        <script>
            document.getElementById("cell_1").style.backgroundColor=cell_2_colour=document.getElementById("cell_2").style.backgroundColor;
        </script>
    </body>
</html>

我希望这有助于......

西蒙。

如何根据另一个单元格值设置单元格颜色？

2 个答案: