Question

i’ve added custom button on the footer of jqgrid for adding record. The code is as under:

$("#jqgUsers").navGrid('#jqgpUsers', { edit: false, add: false, del: false, search: false })
        .navButtonAdd('#jqgpUsers', {
            caption: "",            
        buttonicon: "ui-icon-plus",
        onClickButton: function () {
            alert("Adding Row");
        },
        position: "last"
    });

How can I open jqGrid add form while click on that add button?

Answer 1

You should just call the editGridRow manually with “new” as the first parameter (see here the documentation)

$(this).jqGrid("editGridRow", "new");

or with any properties or events like for example

$(this).jqGrid("editGridRow", "new", {recreateForm: true, closeAfterAdd: true});