点燃 UI 网格着色
Ignite UI Grid Colorizing
我正在创建与 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" }
]
}
$('.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');
}
});
我正在创建与 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" }
]
}
$('.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');
}
});