afterCellEdit Event

The afterCellEdit event handler is a function called after cell editing is completed. This function can assist you in completing many tasks, such as in making changes once editing is completed; in tracking changes in cells, columns, or rows; or in integrating custom editing functions on the front end.

Syntax

Javascript (Usage)
$(function () { // Set afterCellEdit event handler function $(".selector").wijgrid({ afterCellEdit : function (e, args) { } }); });

Javascript (Usage)

$(function () {
    // Set afterCellEdit event handler function
    $(".selector").wijgrid({
        afterCellEdit : function (e, args) {
     
        }
    });
});

Javascript (Specification)
afterCellEdit = function ( e : Object, args : IAfterCellEditEventArgs ) { };

Parameters

e: The jQuery.Event object.
args: The data with this event.

Example

Javascript

// Once cell editing is complete, the function calls the destroy method to destroy the wijcombobox widget and the wijinputnumber widget which are used as the custom editors.
$("#element").wijgrid({
    afterCellEdit: function(e, args) {
        switch (args.cell.column().dataKey) {
            case "Position":
                args.cell.container().find("input").wijcombobox("destroy");
                break;
            case "Acquired":
                args.cell.container().find("input").wijinputnumber("destroy");
                break;
        }
    }
});

Remarks

You can bind to the event either by type or by name. Bind to the event by name: $("#element").wijgrid({ afterCellEdit: function (e, args) { // some code here }}); Bind to the event by type: $("#element").bind("wijgridaftercelledit", function (e, args) { // some code here });

Parameters

See Also

Reference