Hi, I was just wondering if you have been able to reproduce the issue using my sample and if so is there a work around to prevent the issue from happening?

Hi, my application is currently in the Alpha testing phase and is required to go to Beta testing in 15 business days. Can I please get an update on the status of this issue?

Please try this.

During your wgProductionTemplateStock_CheckBoxClick function, please set the color mofification cell code after the AddRow operation. Here is the snippet:

productionForecastTemplate.webGridCommon.updateFieldValue(cells, "DefaultWastage", cells.GetNamedItem("DefaultWastage").Value);
productionForecastTemplate.webGridCommon.updateFieldValue(cells, "CutSize", cells.GetNamedItem("CutSize").Value);
row.AddPendingChanges();

if (checkboxValue == true) {
    var cellElement = cells.GetNamedItem("DefaultWastage").GetElement();
    cellElement.style.cssText = "background-color: #8FBC8F !important;";

    cellElement = cells.GetNamedItem("CutSize").GetElement();
    cellElement.style.cssText = "background-color: #8FBC8F !important;";
}
else {
    var cellElement = cells.GetNamedItem("DefaultWastage").GetElement();
    cellElement.style.cssText = "background-color: #F4F4F4 !important;";

    cellElement = cells.GetNamedItem("CutSize").GetElement();
    cellElement.style.cssText = "background-color: #F4F4F4 !important;";
}

I also suggest implementing RowSelect client side event to override the selected roe style to the custom row style you have defined. Here is the snippet:

function wgProductionTemplateStock_RowSelect(ctrlId, tblName, rowIndex, rowElem) {
    var grid = ISGetObject(ctrlId);

    var rowObj = grid.GetRowByElement(rowElem);

    var cells = rowObj.GetCells();

    var checkboxValue = cells.GetNamedItem("RC").Value;

    if (checkboxValue == true) {
        var cellElement = cells.GetNamedItem("DefaultWastage").GetElement();
        cellElement.style.cssText = "background-color: #8FBC8F !important;";

        cellElement = cells.GetNamedItem("CutSize").GetElement();
        cellElement.style.cssText = "background-color: #8FBC8F !important;";
    }
    else {
        var cellElement = cells.GetNamedItem("DefaultWastage").GetElement();
        cellElement.style.cssText = "background-color: #F4F4F4 !important;";

        cellElement = cells.GetNamedItem("CutSize").GetElement();
        cellElement.style.cssText = "background-color: #F4F4F4 !important;";
    }

    return true;
}

The !important tag will be needed for the code to work in IE8.

Thanks for the reply. Is it the default behaviour of the grid to always highlight every row in the grid grey after calling AddPendingChanges() from the client side even if HighlightChanges is set to false?

 This is happening on every grid in my application not just grids that have a row checker column.

I have inquiry this behavior with the developer, he confirms that this is the default behavior in the current WebGrid.

You will need to set the style manually after AddPendingChanges to preserve your custom row style, as shown in my previous post.