GridCellEdit

GridCellEdit

A grid column can be made editable. This will enable clicking the cell content (or the first part of the cell for empty columns). Note: An editable column will be marked with a pencil symbol in the header.

The following settings are available:

  • modus: either "inline" or "popup". A value of "default" or omitted entry will automatically choose an appropriate setting for the columns control type. So most of the time there is no need for an individual setting.

  • autosave: Setting can be "on" or "off". "on" is the default.

[
   {
       "column":"myCol1",
       "modus":"default",
       "autosave":"on"
   }, 
   {
       "column":"myCol2",
       "modus":"popup",
       "autosave":"off"
   }
]

Changing the cells value will trigger the event "onCellEdit". If the value "false" is returned from this event no data will be saved.

For the event the following data will be provided:

{
    "cellPosition": {
        "row": 1,
        "column": 1
    },
    "colName": "myColName",
    "id": "1",
    "inputValue": "SomeInput",
    "data": {
        "1": {
            "myColName": "SomeInput"
        }
    }
}

Last updated