jqgrid根据另一个单元格的值更改单元格的字体颜色

时间:2014-05-13 08:43:40

标签: jqgrid jqgrid-formatter

如何根据另一列值的值更改列的字体颜色?

假设我有2列,col1和col2 如果col1的值为1 - col2的颜色应为红色 如果col1的值为2 - col2应为绿色

2 个答案:

答案 0 :(得分:4)

function fontFormatter(cellValue, opts, rowObject){ 
    switch(rowObject.col1){
        case "1": 
            return '<span style="color:red">'+cellValue+'</span>'; 
        break; 
        case "2" : 
            return '<span style="color:green">'+cellValue+'</span>'; 
        break; 
    } 
}

答案 1 :(得分:0)

您可以使用loadComplete

loadComplete: function() {
    var gridData = $("#GRID_ID").jqGrid('getRowData');

    for(var i=0; i<=gridData.length; i++) {
        var rowData = $("#GRID_ID").jqGrid('getRowData',i+1);

        if(rowData.col1 == 1) { 
            $("#GRID_ID").jqGrid('setCell',i+1,"col2","",{color:'red'});
        }   
        if(rowData.col1 == 2) { 
            $("#GRID_ID").jqGrid('setCell',i+1,"col2","",{color:'green'});
        }
    }
}

告诉我它是否有效