Welcome to WebmasterWorld Guest from 54.197.171.28

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)

5+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



jqgrid

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)

5+ Year Member



>> jqgrid

Lots of good examples and idea there, thanks.