Cannot change datagrid item background colour dynamically

Question

Hello, I am trying to change the background colour of a data
grid item dynamically.
I am using a component for each item with the item_renderer
function
then in the component this is the line i am having trouble
with
<mx:Canvas width="100%" height="100%" id="item_bg"
backgroundColor="{data.status_colour}">
data.status_colour is definatly set and has a hex value,
#FF99CC for example
i tried
<mx:Canvas width="100%" height="100%" id="item_bg"
creationComplete="item_bg.setStyle("backgroundColour","{data.status_colour}")">
it did put colours on the but they were all in the wrong
place, so a completed item should be green but it is coming up with
red (failed)
any ideas??
thanks

Answer 1

You will need to use a custom calculation script, something like:
// Custom calculation script
(function () {
    // Get the field values, as numbers
    var v1 = +getField("Severity1").value;
    var v2 = +getField("Likelihood1").value;
    // Calculate the product
    var prod = v1 * v2;
    // Set this field's value;
    event.value = prod;
    // Default background color
    var bg = color.white;
    // Define the orange color
    color.orange = ["RGB", 1, .33, 0];
    // Determine background color based on the product
    if (prod >= 1 && prod <=5) {
        bg = color.green;
    } else if (prod > 5 && prod <= 10) {
        bg = color.orange;
    } else if (prod > 10) {
        bg = color.red;
    // Set this field's background color
    event.target.fillColor = bg;