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

时间:2014-07-28 12:05:03

标签: javascript dojo dojo.gridx

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

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

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

1 个答案:

答案 0 :(得分:2)

我想我在这里找到了答案

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);