jQuery Grid Plugin - jqGridForum

Topic RSS

Help: Adding new row via Inline Editing

22/07/2010
02:02

EricT

New Member

Members

Forum Posts: 2

Member Since:
22/07/2010

Offline

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

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
76 Guest(s)

Currently Browsing this Page:
1 Guest(s)