Color whole row based on store data

[chapgu]

Hi,

Is there a way of styling a whole row based on the data in the row. i.e. if column x has data y in row z, set the background of row z to red.

Thanks,
Guy

[mikerobi]

Currently I wrap the row render function. It would be nice if the column definition accepted a function to generate the class.

[chapgu]

Do you have any sample code you could share?

Thanks!

[vvanderm]

Looking to do something like this as well. Whats the best way to append some styling to the default rowRender functionality?

[ghost]

This is possible, more or less efficiently depending on whether you're using Dojo 1.7 or 1.8.

In Dojo 1.7, you'd have to use aspect.around, in order to get at both the incoming object and the resulting row node:

aspect.around(grid, "renderRow", function(original) {
    return function(object) {
        var row = original.apply(this, arguments);
        // Apply classes to `row` based on `object` here
        return row;
    };
});

In Dojo 1.8, you have the option of using aspect.after - when its receiveArguments argument (4th arg) is left false, it actually passes not only the return value, but also the original arguments object as a second parameter. So you can do this in 1.8 much more easily:

aspect.after(grid, "renderRow", function(row, args) {
    // Apply classes to `row` based on `args[0]` here
    return row;
});

As for @mikerobi's idea of allowing specification of a function for column.className, I see two issues here:

1. This would be at the cell level, not the row level
2. The code in dgrid/Grid is unfortunately not laid out in a way to make this easily doable at the moment

I do think it's a useful idea, but it'd require more thought. Since I believe my response above addresses the question this issue asks, I'm closing it out.