点亮UI网格着色

时间:2015-07-30 16:25:28

标签: javascript json grid ignite-ui

我正在创建一个绑定了JSON的Ignite UI网格图。我的一个列与十进制数有关。如果数字低于20,则数字必须为蓝色。如何编写JavaScript函数来检查十进制数是否小于20并将其着色为蓝色?

以下代码适用于其中一列。每个值都位于一个单独的json文件中。

    function createCboxSelectorsGrid() {
        $("#grid").igGrid({
            width: "100%",
            autoGenerateColumns: false,
            dataSource: data,
            responseDataKey: "results",
            dataSourceType: "json",
            columns: [
                { headerText: "2013", key: "2013", dataType: "number", width: "60px" }
        ]
}

1 个答案:

答案 0 :(得分:1)

$('.ui-iggrid .ui-iggrid-tablebody td').each(function() {
        if($(this).text() > 20) {
            $(this).css('color', 'black');
        }
        else if($(this).text() < 20) {
            $(this).css('color', 'blue');
        }
});