Question

我正在使用XTemplate中的html表创建一个热图。表列和行是动态的，并且是从JSON数据驱动的。 JSON响应还将包含一个指示单元格颜色的属性。

如何获取颜色值并相应地实现UI更改？

this.tpl = new Ext.XTemplate(
    "<table border='1' style='width:100%'>" +
        "<tr>" +
            "<tpl for='.'>"+
                "<th style='color:white;'>{COLUMN_NAME}</th>" +
            "</tpl>" +
         "</tr>"+
         "<tr>" +
             "<tpl for='.'>"+
                 "<td align='center' style='color:white;'>{VALUE}</td>" +
             "</tpl>"+
         "</tr>"+
     "</table>"
    );

我不确定此地图将显示哪种数据，因此下面是一个存根的json

JSON示例数据：

  { "data":[{"COLUMN_NAME":"ColumnA", "VALUE":"HIGH", "COLOR":"Red"},{"COLUMN_NAME":"ColumnB", "VALUE":"LOW", "COLOR":"Green"}]}

TY

Answer 1

以下将将所述颜色应用于文本。这会有用吗？

<th style='color:{COLOR};'>{COLUMN_NAME}</th>

EXTJS / HTML - 动态更改html表格单元格的颜色

1 个答案: