A demonstration of switching DataTable into
Quick Edit mode. When the table first loads, it displays the normal way. When it switches to Quick Edit mode, the editable colums are filled with input fields.
getQuickEditChanges() returns the changed values for efficiently saving the updates.
In Quick Edit mode, hold down the Control key and press the up or down arrow keys to move within a column.
To test validation, try entering
John Lindal as the author, anything other than 4 digits for the date, and anything other than a positive integer for the quantity.
Also available here.
Note: Logging and debugging is currently turned off for this example.
All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.