homepage Welcome to WebmasterWorld Guest from 54.226.180.223
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
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
Krispy2




msg:3759592
 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.

 

Frank_Rizzo




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

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.

Krispy2




msg:3764036
 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