EricT on Help: Adding new row via Inline Editing

Thu, 22 Jul 2010 02:02:42 +0300

Hello,

The issue that I am having is when I attempt to add a new row to a grid and enable it for inline editing the record dissapears due to a grid refresh before I can select it for editing.

jQuery("#myGrid").addRowData(0,{id:"0",date:getToday(),…}, "last");
jQuery("#myGrid").editRow(0,true);

This is the general shape of my grid definition with the relevent fields are listed below:

// Refreshes my grid when called
function refreshGrid()
{
   var userID = jQuery("#empSelect").val();

   jQuery("#timeGrid").jqGrid('setGridParam',
        {postData: { action: "requestData", where: "userID = "+userID+" }});
   jQuery("#timeGrid").setGridParam({ datatype: 'json' }).trigger("reloadGrid");
}

// Build my grid
jQuery("#myGrid").jqGrid(
{
    url:'dir/myHandler.ajax.php',
    editurl:'dir/myHandler.ajax.php',
    datatype: 'json',
    mtype: 'POST',
    colNames:[...],
    colModel:[...],
    pager: jQuery('#pager'),
    loadonce: true,
    viewrecords: true
});

// When Add New Record is clicked
jQuery('input[value=New Record]').click(function()
{
    jQuery("#timeGrid").setGridParam({datatype: 'local', loadonce: true}); // Stop refresh?
    jQuery("#timeGrid").addRowData(0,{id:"0",entryDate:getToday(),…}, "last"); // Insert blank record
    jQuery("#timeGrid").editRow(0,true); // Activate record for editing
});

So my question is: how do i prevent the grid from reloading while allowing the user to enter data in inline editing mode?

Thanks in advace!

- Eric

jQuery Grid Plugin - jqGrid - Topic: Help: Adding new row via Inline Editing

EricT on Help: Adding new row via Inline Editing