Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Looking for samples of AJAX editing of Grids / Forms

11:15 am on Oct 6, 2008 (gmt 0)

New User

5+ Year Member

joined:Feb 18, 2008
posts: 22
votes: 0

We've got a non-AJAX application that we want to ... ermmmm ... modernise!

I've been lurking / research for some time, time now to take some action.

The types of thing I want to do are:

1) Display a grid of data, and allow in-situ editing - perhaps click on an EDIT button and the row is converted to a form, or similar. Also an ADD button that adds a blank row, as a Form, which can then be posted.

After posting (via AJAX) the row is displayed in presentation-format, rather than Form-format.

2) Similar, but the Form has more fields than the displayed row. So there is, say, a popup form with the appropriate data for the row which can be edited and saved, and the underlying row then updates to reflect the change.

3) Checkboxes that immediately post - so a grid can be displayed, and the user checks / un-checks the relevant boxes, and the changes post immediately, one-by-one, rather than the user having to press a SUBMIT button.

4) A "search" popup. Lets say that the form has a CustomerID box. Some sort of [...] button alongside pops up a search window, type in t e name / zip / whatever and matches are displayed, select one and that updates the CustomerID in the underlying form [actually, showing the CustomerID is so yester-year, so it should display something more friendly like the Customer Name]

If you have any sites that you could point me to for ideas etc., or examples of developed code, I would greatly appreciate it. Thanks.

One site that I have been impressed by is BaseCamp - they have a Tour, and the To-Do List tour shows the Add / Edit / Re-order methods that I think look good.

10:44 am on Oct 10, 2008 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 17, 2002
votes: 5


This is an add on for jquery and is pretty versatile. Look at the demo page on the site for an example of inline or window modal editing.

11:41 am on Oct 12, 2008 (gmt 0)

New User

5+ Year Member

joined:Feb 18, 2008
posts: 22
votes: 0

>> jqgrid

Lots of good examples and idea there, thanks.