Agregar una nueva fila a jqGrid usando el formulario modal solo en el cliente

Parece que hay muchas soluciones que están muy cerca de abordar mi problema, pero de las docenas y docenas de preguntas que he formulado, ninguna parece abordar exactamente lo que estoy tratando de hacer. Aunque he visto casi la misma pregunta sin respuesta. He probado tantas combinaciones de opciones y funciones en vano.

Quiero usar el formulario modal para agregar una nueva fila con los valores ingresados a jqGrid, pero no quiero que se publique en el servidor al enviar. Finalmente quiero publicar en el servidor, pero solo después de que el usuario del cliente haya realizado una edición adicional (si es necesario) en las filas agregadas desde el formulario modal. No quiero ninguna fila guardada en la base de datos remota hasta que el cliente haya realizado algunas ediciones que a su vez actualizan dinámicamente otras columnas. Una vez que se valida un cierto estado de valores, se muestra un botón Guardar y las filas de la cuadrícula se pueden publicar en el servidor. A menos que se cumpla esta condición validada, las filas no se deben enviar a la base de datos. Tengo una serie de jqGrids en uso en otra parte de mi aplicación que publican los datos de la nueva fila de un formulario modal enviado, pero en esta cuadrícula estoy tratando de lograr algo diferente con el cliente que no involucre inmediatamente al servidor. Me gusta la interfaz más intuitiva del formulario modal para la entrada inicial de valores con el usuario del cliente y luego editar en línea los campos de la nueva fila si es necesario, que es lo que ha requerido mi pregunta: ¿puedo enviar el formulario como una nueva fila solo sin ¿se produce alguna acción de publicación en el servidor?

Vi en el recurso jqGrid Wiki un comentario hecho por un usuario que dijo que si "clientArray" es el valor ingresado para usar la opción de envío de formulario modal de Grids "editurl:" clientArray "que el formulario modal no escupiría" No URL is establezca el mensaje "pero todavía lo hace y no se agrega una nueva fila a la cuadrícula. He hecho el tipo de datos Grid como un" tipo de datos local: 'clientSide' "pero recibo el mismo mensaje de error" No se ha configurado la URL ". es bastante sencillo para la forma modal que se invoca mediante un botón personalizado de la siguiente manera:

(Las opciones "footerrow, userDataOnFooter y altRows" se incluyen como parte de la actualización de valores en un pie de página de resumen que está relacionado con la edición realizada en las celdas de las nuevas filas que se agregan a través del formulario modal)

jQuery("#grid_test").jqGrid({
    url:'/grid_test_url.asp?id=' + vId,
    datatype: "clientSide",
    colNames: ['ID','Col 1', 'Col 2', 'Col 3','Col 4'],
    colModel: [

        {name:'id',index:'id',width:90,align:"center",editable:true,editoptions:{size:25}, formoptions: {...}, editrules: {...}},
        {name:'col1',index:'col1',width:130,align:"right",editable:true,editoptions:{size:25}, formoptions: {}, editrules: {}},
        {name:'col2',index:'col2',width:130,align:"right",editable:true,editoptions:{size: 25}, formoptions: {}, editrules: {}},
        {name:'col3',index:'col3',width:130,align:"right",editable: true,editoptions:{size:25}, formoptions: {}, editrules: {}},
        {name:'col4',index:'col4',width:130,align:"right",editable:true,editoptions:{ size: 25 }, formoptions: {}, editrules: {}}   

    ],
    rowNum:5,
    rowList:[5,10,20],
    pager: '#pgrid_test',
    toolbar: [true, "top"],
    editurl: '', //not sure what would go here to block attempted post by the Submit action of the modal form
    width: 500,
    sortname: 'id',
    viewrecords: true,
    sortorder: "asc",
    multiselect: true,
    cellEdit: true,
    caption: "Grid Test Add New Row",
    footerrow: true, 
    userDataOnFooter: true,
    altRows: true
})
jQuery("#grid_test").jqGrid('navGrid', '#pgrid_test', { add: false, edit: false, del: false })

//append custom button
$("#t_grid_test").append("<input type='button' class='add' value='Add New Row' style='height:20px; color:green; font-size:11px;' />");

$("input.add", "#t_grid_test").click(function () {
    jQuery("#grid_test").jqGrid('editGridRow', "new", {
        jqModal: true,
        savekey: [true, 13],
        navkeys: [true, 38, 40],
        bottominfo: "Fields marked with (*) are required. ",
        addCaption: 'New Row Values',
        width: 300,
        dataheight: 200,
        recreateForm: true,

      //checkOnUpdate: true,
      //checkOnSubmit: true,
      //reloadAfterSubmit: true,
        closeOnEscape: true,
        closeAfterAdd: true
        //clearAfterAdd: true
    })
});

Espero que esto sea razonablemente claro. Parece que debería ser bastante simple agregar una fila usando el formulario modal sin que se publique inmediatamente en el servidor, pero no puedo encontrar la solución. Y tenga paciencia si no hago clic rápidamente en los íconos para obtener el crédito adecuado para obtener respuestas, pero lo haré cuando sepa qué hacer, así que por favor avise en consecuencia. :) Muchas gracias de antemano. Alemá

Respuestas a la pregunta(2)

Su respuesta a la pregunta