Guriddo » Topic: Client-side editing without posting to the server

Client-side editing without posting to the server

Guriddo
Client-side editing without posting to the server

This topic has 6 replies, 3 voices, and was last updated 15 years, 8 months ago by ujavid.

Creator

Topic
August 2, 2010 at 8:45 pm #76825

ujavid
Participant

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.
Creator

Topic

Viewing 6 replies - 1 through 6 (of 6 total)

Author

Replies
August 3, 2010 at 2:03 am #95433

OlegK
Participant

You should use editurl equal to 'clientArray'.

August 3, 2010 at 6:34 pm #95450

ujavid
Participant

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

August 3, 2010 at 9:21 pm #95455

OlegK
Participant

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

August 3, 2010 at 11:13 pm #95458

ujavid
Participant

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.

August 6, 2010 at 5:38 pm #95497

RedSpawn
Participant

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

August 6, 2010 at 8:31 pm #95498

ujavid
Participant

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.
Author

Replies