PHP Classes

AJAX Grid: Edit and save table data without page refreshing

Recommend this page to a friend!
  Info   View files View files (12)   DownloadInstall with Composer Download .zip   Reputation   Support forum (4)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStarStar 64%Total: 20,365 All time: 34 This week: 148Down
Version License Categories
ajaxgrid 1.0.0GNU Lesser Genera...HTML, AJAX
Description 

Author

This class can be used to edit and save data of table columns.

It uses AJAX to save the changed table cells without refreshing the current page.

The changed cells are saved by backend scripts that store the updated data in server side text files.

Picture of Er. Rochak Chauhan
  Performance   Level  
Name: Er. Rochak Chauhan <contact>
Classes: 54 packages by
Country: India India
Innovation award
Innovation award
Nominee: 15x

Winner: 3x

Details

#1)Files to be edited: ajaxgrid.js example.php edit.php grid.php #2) The variable "url", declared in the top of "ajaxgrid.js" file, defines the server side file, which is called after the save button is pressed #3) Make sure you include "prototype.js", "ajaxgrid.js" on the top if the HTML file #4) "idName1", "idName2", "idName3", "idName4" on the top of "ajaxgrid.js" are the ids of the four elements of the grid #5) I have used text file to read and store the text, but you can also use XML or Database to do the same. #6) This is just a learing demo, for fully commertial/live code, feel free to contact me. #7) The whole code is not totaly OOPS Oriented, in order to make it easier to understand.

  Files folder image Files  
File Role Description
Accessible without login Plain text file ajaxgrid.css Data Stylesheet
Plain text file AjaxGrid.inc.php Class Main Class
Accessible without login Plain text file ajaxgrid.js Data Javascript File
Accessible without login Plain text file edit.php Aux. File to edit grid on the fly
Accessible without login Plain text file example.php Example Example Script
Accessible without login Plain text file grid.php Aux. File to update grid in realtime
Accessible without login Plain text file prototype.js Data Ajax Library
Accessible without login Plain text file ReadMe.txt Doc. Documentation
Accessible without login Plain text file Row1Col1.txt Data Grid Data
Accessible without login Plain text file Row1Col2.txt Data Grid Data
Accessible without login Plain text file Row2Col1.txt Data Grid Data
Accessible without login Plain text file Row2Col2.txt Data Grid Data

 Version Control Unique User Downloads Download Rankings  
 0%
Total:20,365
This week:0
All time:34
This week:148Down
User Ratings User Comments (1)
 All time
Utility:83%StarStarStarStarStar
Consistency:77%StarStarStarStar
Documentation:68%StarStarStarStar
Examples:78%StarStarStarStar
Tests:-
Videos:-
Overall:64%StarStarStarStar
Rank:915
 
Very excellent.
14 years ago (vadivel)
75%StarStarStarStar