Ajax Table Edit: Edit data in an HTML table using AJAX
| Recommend this page to a friend! |
 Author |
 |
|
Innovation award Nominee: 1x | ||||||||||
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.
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.
| Classes of Andrew Sullivan | > | Ajax Table Edit | > |  Download .zip .tar.gz |
> |  Support forum (5) |
> |  Blog |
> |   Latest changes |
|
|||||||||||||||
| Groups | Trackback | Applications |  Files |
| Groups |
 HTML |
HTML generation and processing | View top rated classes |
| AJAX |
Interact with the Web server without page reloading | View top rated classes |
| Innovation Award |
 May 2006 Number 3 Prize: One subscription to the PDF edition of the magazine by PHP Architect |
Many Web applications need to provide means to display and edit bi-dimensional data, like for instance data stored in database table records. This class provides an AJAX based solution that allows the users to see and manipulate tabular data interactively. The data is displayed in a HTML table with content cells that can be edited right there without the need to load another page. Manuel Lemos |
| Pages that reference this package |
| PHP Class: Ajax Table Edit 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. |
Latest pages that reference packages
| Applications that use this package |
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.
| Files |
| File | Role | Description | ||
|---|---|---|---|---|
| AdvATE (4 files) |
||||
| AjaxTableEditor.class.php |
Class | The main class file | ||
 example.php |
Example | Contains an example usage | ||
| tester.txt |
Data | Contains a serialized array of sample data | ||
| Files |
/ | AdvATE |
| File | Role | Description |
|---|---|---|
| AdvATE.class.php |
Class | Advanced Ajax Table Edit Class File |
| AdvATEexample.php |
Example | Example for AdvATE |
| AdvATEexample2.php |
Example | Another example for AdvATE |
| example2data.php |
Data | Used by example2 to create sample data |
 Install with Composer - Download all files: ajaxtableedit.tar.gz ajaxtableedit.zipNOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.
|
For more information send a message to
info at phpclasses dot org.Copyright (c) Icontem 1999-2016