How to add custom buttons to JqGrid add/edit forms?

Question

Is it possible to add custom buttons to a JqGrid add/edit form?

Instead of just submit and cancel, I wanted to have a button that says \"Save and New\", one that say

Answer 1

jqGrid has some CSS classes which will be used for buttons. You can add new button inside of beforeShowForm callback for example:

$.extend($.jgrid.edit, {
    bSubmit: "Save and Close",
    bCancel: "Cancel",
    width: 370,
    recreateForm: true,
    beforeShowForm: function () {
        $('Save and New')
            .click(function() {
                alert("click!");
            }).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
              .prependTo("#Act_Buttons>td.EditButton");
    }
});

See the demo: