[HELP WANTED] How can I prevent clearing the insert boxes on fail?

Hello,

I have read the issue #190 and was able to replicate it. I’m using the PageLoadingStrategy and want to prevent grid from clearing the insert boxes on fail. I have replaced the finishInsert function.

But even after return something clears the insert boxes. I want to keep input values there and allow user to fix them instead of the typing them again.

Thank you!

[tabalinas]

https://github.com/tabalinas/jsgrid/blob/3ca96b5d87a417e1a64ef04bfc689e90ef2b6d3a/src/fields/jsgrid.field.control.js#L182

Basically, it’s not a load strategy that clears the insert row, but the control field (insert button handler). So you can redefine the handler of this button, or just reject the insertion deferred instead of resolving it in case of failure.

[deepak-trimantra]

Hi @tabalinas can we do this for update also? as you suggested i redefined insert and update button controller. For inserting when insert fails it prevents from clearing inputs. But i am not able to achieve this in case of update. When update fails if resolves previousItem but i want to do same as insert, don’t want to clear the input.

**UPDATE FUNCTION :**
updateItem: function (updatingItem) {
                var d = $.Deferred();
                $.ajax({
                    url: url
                    type: "POST",
                    data: updatingItem,          
                }).done(function (response) {
                    display_notification(obj);
                    if (obj.flag)
                    {
                        grid.updateFailed = false;
                        d.resolve(response.data);
                    } else
                    {
                        grid.updateFailed = true;
                        d.resolve(previousItem);
                    }
                }).fail(function () {
                    d.resolve(previousItem);
                });
                return d.promise();

**EDIT CONTROL**
function getCustomEditControls() {
    return $("<input>").addClass("jsgrid-button")
            .addClass("jsgrid-update-button")
            .attr({
                type: "button",
                title: "Save"
            })
            .on("click", function () {
                grid2.updateItem().done(function () {
                    if (!grid.updateFailed)
                    {
                        grid2.clearInsert();
                        clear_errs();
                    }
                    else
                    {
                        grid.jsGrid("cancelEdit");  //???? nothing happens
                    }
                }).fail(function () {
                    grid.jsGrid("cancelEdit"); //??? nothing happens
                });
            })
            .add($("<input>")
                    .addClass("jsgrid-button")
                    .addClass("jsgrid-cancel-edit-button")
                    .attr({
                        type: "button",
                        title: "Cancel"
                    })
                    .on("click", function () {
                        if (!grid2.insertings)
                        {
                            grid.jsGrid("cancelEdit");
                        }
                    }));
}

can you help me out here?