Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
wiki:cell_editing [2009/11/01 09:22] tony |
wiki:cell_editing [2011/08/31 21:12] kees |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ~~ODT~~ | ||
====== Cell Editing ====== | ====== Cell Editing ====== | ||
- | cellEditing supports key navigation and editing individual cells, with the following behaviour: | + | Cell editing provides the frontend user with functionality to change the contents of one single cell from a row and then the developer has the abbility to handle the changed data by AJAX or in a jqGrid cell edit event (see below). |
+ | |||
+ | Cell Editing supports key navigation and editing individual cells, with the following behaviour: | ||
* When we click on a cell that is not editable, the cell is selected and we can use the up, down, left and right keys to navigate through the cells. | * When we click on a cell that is not editable, the cell is selected and we can use the up, down, left and right keys to navigate through the cells. | ||
Line 9: | Line 12: | ||
===== Installation ===== | ===== Installation ===== | ||
In order to use this module you should mark the Cell editing and Common when you download the grid. For more information refer to [[Download]].\\ | In order to use this module you should mark the Cell editing and Common when you download the grid. For more information refer to [[Download]].\\ | ||
- | For Developers - this is the grid.celledit.js in the src directory. | + | |
+ | For Developers of the JQuery plugin itself they can use the grid.celledit.js file in the src directory. | ||
The properties, events and methods used in cell editing are a sub-set of those of the parent grid, and described below | The properties, events and methods used in cell editing are a sub-set of those of the parent grid, and described below | ||
Line 35: | Line 39: | ||
^Event^Parameters^Description^ | ^Event^Parameters^Description^ | ||
|afterEditCell|rowid, cellname, value, iRow, iCol|applies only to a cell that is editable; this event fires after the edited cell is edited - i.e. after the element is inserted into the DOM| | |afterEditCell|rowid, cellname, value, iRow, iCol|applies only to a cell that is editable; this event fires after the edited cell is edited - i.e. after the element is inserted into the DOM| | ||
+ | |afterRestoreCell|rowid, value, iRow, iCol|applies only to a cell that is editable; this event fires after calling the method restoreCell or the user press ESC leaving the changes| | ||
|afterSaveCell|rowid, cellname, value, iRow, iCol|applies only to a cell that is editable; this event fires after the cell has been successfully saved. This is the ideal place to change other content.| | |afterSaveCell|rowid, cellname, value, iRow, iCol|applies only to a cell that is editable; this event fires after the cell has been successfully saved. This is the ideal place to change other content.| | ||
|afterSubmitCell|serverresponse, rowid, cellname, value, iRow, iCol|applies only to a cell that is editable; this event Fires after the cell and other data is posted to the server Should return array of type [success(boolean),message] when return [true,""] all is ok and the cellcontent is saved [false,"Error message"] then a dialog appears with the "Error message" and the cell content is not saved. servereresponse is the response from the server. To use this we should use serverresponse.responseText to obtain the text message from the server.| | |afterSubmitCell|serverresponse, rowid, cellname, value, iRow, iCol|applies only to a cell that is editable; this event Fires after the cell and other data is posted to the server Should return array of type [success(boolean),message] when return [true,""] all is ok and the cellcontent is saved [false,"Error message"] then a dialog appears with the "Error message" and the cell content is not saved. servereresponse is the response from the server. To use this we should use serverresponse.responseText to obtain the text message from the server.| |