:: Forum >> Version 2 >>

v2.0 - Coloring cells based upon column data

I used the following code in v1.0. I cannot seem to find the 2.0 equivalent. Can sombody help me ?

mygrid.getColumnTemplate(6).setStyle("background-color"priorityBG);
var  
priorityBG = function() {
        var 
priority this.getItemProperty("text") + "";
        if(
priority == "STAT")      return "#f39f96";
        else return 
this.getProperty("row/order") % 2 ? "#EEEEEE" "white"
}
 
metacove
Friday, February 10, 2006
The main problem I am having is finding the function that replaces getColumnTemplate since that function is no longer valid.
metacove
Friday, February 10, 2006
mygrid.getCellTemplate(6).setStyle("background-color"priorityBG);

var 
priorityBG = function () {
        var 
row mygrid.getCurrentRow();
        var 
priority mygrid.getCellText(6,row) + ""
        
if(priority == "STAT")      {
            return 
"red";
        }
        else return 
"green";
}
 
So far I have the above code but every row is getting colored red. I'm semi close but still new to the AW library. Any how would be greatly appreciated. I have been browsing the forums but haven't found the exact answer yet. My dataset is being populated via XML.
metacove
Friday, February 10, 2006
Alright I'm slowly answering my own questions. I have everything working and only have a few questions left. I am using the following code to color a single cell based upon its value:
var row mygrid.getCurrentRow();
mygrid.getCellTemplate(6row).setStyle("background-color"priorityBG);

var 
priorityBG = function() {
        var 
row mygrid.getCurrentRow();
        
//var row = this.getSelectionProperty("index");
        
var priority mygrid.getCellText(6,row) + ""
        
// alert("Priority:"+priority);
        
if(priority == "STAT")      {
            return 
"#f39f96";
        }
        else return 
row 2 ? "#eeeeee" "white"
}
 
I use the following code to handle my highlighted selection:
<style>
.
aw-cells-selected,.aw-rows-selected, .aw-item-ruler {
    
colorblack!important;
    
background-color#ffe360!important;
}
</
style>
 
Unfortunately the selection highlight doesn't apply to the cell I've recolored via the priorityBG function. Am I missing a CSS definition ? Do I need to handle my recolor differently to make this happen okay ? Any suggestions would be appreciated.

Thanks for a wonderful codebase to work with.
metacove
Friday, February 10, 2006
I need to have the row selection color override any column color that I have set using getCellTemplate().setStyle("background-color","#....").

I accomplished this using !important in css. However, I only want this behavior to occur when I click on the row selector. Otherwise, I want the getCellTemplate color to override.

Is there a way to modify the code such that if I set a variable to true, the !important behavior takes precedence and if I set it to false, it would act as if the !important rule is not set?
Joel
Saturday, November 25, 2006
The other option I have is to programmatically de-select rows with the following code:

this.setRowSelected(false);
this.setRowState("");
this.setSelectedRows([]);

However, I don't want to do obj.refresh() and it appears I need to do the refresh.
Joel
Saturday, November 25, 2006
bump
Joel
Tuesday, November 28, 2006



This topic is archived.

Back to support forum

Forum search