*I think i know what your getting at. *Been working on this for about 2 hours now. *Basically, I want to repaint a column background color when the data from that column exceeds 8. *I have this partially working based on Vlad's answer (by partially, i mean that it works on the cell but not the whole column).
1) create a style element at the top of your page.
**<style type="text/css">
** * * *.over-limit
** * * *{
** * * * * *background-color:LavenderBlush !important;
** * * *}
** * * *.under-limit
** * * *{
** * * * * *background-color:White !important;
** * * *}
** *</style>
2) create a function in the javascript with teh following function signature as it will consume an event:
*function myColOverlimit(value, meta, record) {
** *var foo = getColTlt(record.store, meta.id);
** *if (foo > 8) {
** * * *meta.css = "over-limit";
** *}
** *else {
** * * *meta.css = "under-limit";
** *}
** * * *return value;
}
3) create some functions that process the grid, in my case i tally up the 'Monday' column
*function getColTlt(store, strCol) {
** *var iTotal = 0;
** *for (var i = 0; i < store.getCount(); i++) {
** * * *iTotal += parseFloat(store.getAt(i).get(strCol));
** *}
** *return iTotal;
}*
4) Wire this all up to the Grid through the Column Render:
*<ext:Column ColumnID="Mon" *DataIndex="Mon" Header="Mon" Width="54">
** * * * * * * * * *<Editor>
** * * * * * * * * * * *<ext:TextField runat="server" ID="MonText">
** * * * * * * * * * * *</ext:TextField>
** * * * * * * * * *</Editor>
** * * * * * * * * *<Renderer Fn="myColOverlimit" />
** * * * * * * * * *
** * * * * * * *</ext:Column>
hope this helps. *If anyone gets the column to change let me know ... ill post my solution when i figure it out.
