jQuery Grid Plugin - jqGrid - Topic: Client-side editing without posting to the server

ujavid on Client-side editing without posting to the server

Fri, 06 Aug 2010 20:31:00 +0300

I didn't put it in the grid parameters I put it in the editGridRow parameters: (addRow is the function I created which does what i described in my previous post.

    grid.jqGrid('editGridRow',"new",{
        addCaption: "Add new record",
        reloadAfterSubmit:false,
        closeAfterAdd : true,
        beforeSubmit : function(postdata, formid) {
            return addRow(grid, postdata);
        },
        afterComplete : function (response, postdata, formid) { grid.setSelection(postdata.id, false); }
    });

RedSpawn on Client-side editing without posting to the server

Fri, 06 Aug 2010 17:38:59 +0300

i'm trying to do the same thing, how did you access the beforeSubmit of the add/edit form?

i tried the onSubmit event of the grid but it is not firing upon saving in the add/edit dialog

ujavid on Client-side editing without posting to the server

Tue, 03 Aug 2010 23:13:52 +0300

If I use a dummy url then I get an error. I actually created a workaround:

In the beforeSubmit event for the add/edit form I created a function which adds or edits the data manually in the grid and then hides the edit form div. I then return false to stop the form from requesting the service. Now anytime I need to add or edit I just show the div before calling the add or edit method for the grid.

This works without any problems that I know of but it would be nice if there was a option for the grid that I could set which would make this much cleaner and simpler.

Thanks for your help.

OlegK on Client-side editing without posting to the server

Tue, 03 Aug 2010 21:21:55 +0300

It seems that editurl equal to 'clientArray' is suported by inline editing and cell editing but not by form editing. In case of form editing you probably should use a dummy ajax url like you do this. An example you can find on the demo pagetrirand.com/blog/jqgrid/jqgrid.html choose "New in version 3.7" and then "Add/edit/delete on local data".

Probably do there are some way to define a definitively wrong URL for editurl to produce en errr without timeout and overwride error function from ajaxEditOptions to suppress displaying an error message. If I find a solution I'll post the corresponding code example.

It can be that Tony suggest a workaround or at least say where this problem will be fixed in the next version of jqGrid.

ujavid on Client-side editing without posting to the server

Tue, 03 Aug 2010 18:34:29 +0300

If I set the editurl to 'clientArray' I receive the following error when trying to add or edit a record using the form:

error Status: 'Method Not Allowed'. Error code: 405

OlegK on Client-side editing without posting to the server

Tue, 03 Aug 2010 02:03:02 +0300

You should use editurl equal to 'clientArray'.

ujavid on Client-side editing without posting to the server

Mon, 02 Aug 2010 20:45:17 +0300

I'd like to allow users to manipulate data at will (add or edit) without having to post the data to the server.

I currently have a jqgrid setup which loads the data from local xml. When the user hits the add button or decides to edit a field the form edit dialog pops up and is used. When the user submits the data I have a webservice which simply returns true. I handle all data from the grid when the user saves the page.

Everything works but the webservice call is unneccessary and is slow when called for the first time. Is there a way that I can make the form edit save the data to the grid without posting data to the server? If I leave editurl blank the form editor throws an error.

Any help would be appreciated.