Class: Ajax Table Edit

This class can be used to edit data in the cells of an HTML table using AJAX to save the changed cell values without reloading the current page.

It takes an bi-dimensional array as parameter to define the contents of the cells of the table to be edited. Then it generates the table HTML with the necessary JavaScript code to edit the cell contents.

The user may edit the cells by clicking on them. The cell is turned into a text input so the user can alter the cell contents with the keyboard. If you are using AdvATE then you can specify the type of input you want returned: text, textarea, select, radio, and checkboxes. For the latter three, you are able to specify the inputs and values to be presented to the user.

When the cell editing is finished, the data is saved using AJAX to send to the server the new cell value and the respective table row and column number.

A class can be used to edit data in the cells of an HTML table using AJAX to save the changed cell values without reloading the current page.

Advanced Ajax Table Edit Class File

Example for AdvATE

Another example for AdvATE

Used by example2 to create sample data

The main class file

Contains an example usage

Contains a serialized array of sample data