javascript - GridX 为行设置类(基于行数据)

Question

GridX 是否可以根据该行中的数据为给定的行设置类？

我想用特殊颜色显示添加或更改的行。该信息将作为特殊字段存储在对象中。

至于现在，我只发现了如何个性化单元格的渲染(使用装饰器，或覆盖setCellValue)。

Answer 1

我想我在这里找到了答案

http://dojo-toolkit.33424.n3.nabble.com/formatter-o-decoration-in-GridX-td4000793.html

检查单元格 7 的值“ok”。

dojo.connect(grid.body, 'onAfterRow', function(row){
    var r = row.data();
    if(r[6] !== 'ok'){
        domClass.remove(row.node(), "gridxRowOdd");
        row.node().style.backgroundColor = 'red';
    }
});

或者如果空单元格不应该着色:

dojo.connect(grid.body, 'onAfterRow', function(row){ 
var r = row.data(); 
var node = row.node(); 
if(r[6] !== 'ok'){ 
    var cells = dojo.query('.gridxCell', node); 
    var c = cells.length; 

    for(var i = 0; i < c; i++){ 
        cells[i].style.backgroundColor = 'red'; 
    } 
} 

} 
});

因为 dojo.connect 有点旧？已弃用。使用 aspect.after:

aspect.after(grid.body, 'onAfterRow', lang.hitch(this, function (row) {
var item = row.rawData();
if (item[6] !== '') {
   domClass.remove(row.node(), "gridxRowOdd");
   row.node().style.backgroundColor = 'red';
}
}), true);