Hello Rick,

Please find the modified sample below. It handles the editRowStarted event ans uses jquery to insert dom element that will serve as the adittional button you want. Then when this button is clicked it will update the row with predefined values. Here is a code snippet:

editRowStarted: function (evt, ui) {
    $(".ui-iggrid-buttoncontainer").css("margin-left", "980px")

    // inserts DOm element via .append method
    if ($("#btnUpdateValues").length == 0) {
        $(".ui-iggrid-buttoncontainer").append("<span id='btnUpdateValues'></span>");
        $("#btnUpdateValues").addClass("ui-iggrid-button ui-state-default ui-corner-all");
        $("#btnUpdateValues").append("<span style='display: inline-block; padding: 3px 10px 5px 10px;'>Update</span>")
    }

    // updates the row with predefined values that are holded in the rowValues object
    $("#btnUpdateValues").on("click", function () {
        $("#grid").igGridUpdating("updateRow", ui.rowID, rowValues);
    });
}

Please review it and let me know if this works for your scenario.

I found the mistake, thank you!

Rick

for others...

Instead of

editRowStarted: function (evt, ui) {
    $(".ui-iggrid-buttoncontainer").css("margin-left", "980px")

    // inserts DOm element via .append method
    if ($("#btnUpdateValues").length == 0) {
        $(".ui-iggrid-buttoncontainer").append("<span id='btnUpdateValues'></span>");
        $("#btnUpdateValues").addClass("ui-iggrid-button ui-state-default ui-corner-all");
        $("#btnUpdateValues").append("<span style='display: inline-block; padding: 3px 10px 5px 10px;'>Update</span>")
    }

    // updates the row with predefined values that are holded in the rowValues object
    $("#btnUpdateValues").on("click", function () {
        $("#grid").igGridUpdating("updateRow", ui.rowID, rowValues);
    });
}

it needs to be...

editRowStarted: function (evt, ui) {
    $(".ui-iggrid-buttoncontainer").css("margin-left", "980px")

rowIndex = ui.rowID;

    // inserts DOm element via .append method
    if ($("#btnUpdateValues").length == 0) {
        $(".ui-iggrid-buttoncontainer").append("<span id='btnUpdateValues'></span>");
        $("#btnUpdateValues").addClass("ui-iggrid-button ui-state-default ui-corner-all");
        $("#btnUpdateValues").append("<span style='display: inline-block; padding: 3px 10px 5px 10px;'>Update</span>")
    }

    // updates the row with predefined values that are holded in the rowValues object
    $("#btnUpdateValues").on("click", function () {
        $("#grid").igGridUpdating("updateRow", rowIndex, rowValues);
    });
}

Hello,

I am glad you have managed to resolve your issue. If you need any further assistance with this please let me know.

Hi Hristo,

Still having a couple of issues.  Please see attached Sample.

Problem #1: Edit the grid in some way and click undo.  I can't seem to get the "Undo" button working and have been unable to find relevant points in the documentation.

Problem #2: Refresh the page.  Click a row to edit a field.  Clear the value ("required" validator appears). Click "Apply Defaults" for that row.  All required fields are now populated, but the validator remains and prevents save.

Many Thanks.

Hello Rick,

You have autoCommit: true which automatically commits the transactions as rows/cells are being edited and then it is not possible to undo. Change autoCommit to false and this will solve both of your issues.

Hello Rick,

Actually it is Infragistics' policy to manage a different thread for a different issue so please go ahead and post it.

Using the same example (when the auto-commit is removed) if I click the "Apply Defaults to All" button and then click the "Undo" button.  The dates that are replaced are in a different format.

Example: Tue Oct 24 1989 00:00:00 GMT-0700 (Pacific Daylight Time)

Thanks.

P.S. would you prefer I post these new issues under separate threads?

great, thank you.