PDA

View Full Version : GetRowClass not working in IE



McGaha
22 Mar 2011, 1:41 PM
I have a grid in that uses getRowClass to change the color of the row if certain data is found within hidden columns. This has worked for a very long time. Recently (today), I deployed an update to my site, and now the coloring isn't working in IE. It works in FF, Chrome and Safari, but IE renders everything black. AND - I actually didn't do any code changes in this perticular js class. I did modify some css stuff, but not any related to this code:



myGrid = new Ext.grid.EditorGridPanel({
plugins:radioColumn,
store: myStore,
view: new Ext.grid.GridView({
emptyText: 'No results to display.',
getRowClass: function(row, index) {
if (row.data.hiddenCode.trim().length>0) {
return 'gridOnHoldCode';
}
if (row.data.hiddenForSale=="Y") {
return 'gridForSaleRow';
}


My Style Sheet:


.gridOnHoldCode{
color:purple;
}
.gridOnHoldCode{
color:red;
}


Does anyone have any suggestions on where to even look? I've done everything I can think of with regards to FireBug, IE Debug, JSLint, etc.. - there has to be something wrong with my css or something. Why do all other browsers work perfectly, except for IE?