homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

Looking for samples of AJAX editing of Grids / Forms

5+ Year Member

Msg#: 3759590 posted 11:15 am on Oct 6, 2008 (gmt 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.



WebmasterWorld Senior Member 10+ Year Member

Msg#: 3759590 posted 10:44 am on Oct 10, 2008 (gmt 0)


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.


5+ Year Member

Msg#: 3759590 posted 11:41 am on Oct 12, 2008 (gmt 0)

>> jqgrid

Lots of good examples and idea there, thanks.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved