SMART datagrid v.1 > Examples

Back  Forward

Edit Keys  Example

SMART datagrid is a development and user tool for business application, and it supports various user interface system so that the user can handle the data more simply and accurately. Especially, it enables to perform most operations through the keyboard without difficulty. Also, it fires an event in every important entry point to enable to develop flexible application. 

Keyboard operation related settings are mainly included in GridBase.editOptions

1. Move Focused Cell

Arrow keys are basically used to move from cell to cell, and if useTabKey is true, you can use tab key to move to the next cell and use shift+tab keys to move to the prior cell. 

Type tab key to move from cell to cell. The default value is true

And, if enterToTab is true, you can move to the next cell when type enter key. 

Type enter key to move to the next cell. The default value is true. Enter key can be used in various ways according to the application requirement, and if enterToNextRow is true, you can move to the next row instead of the next cell. And, if enterToEdit is true, it will display the editor rather than to move the cell. 

Type enter key to move to the next row. The default value is false

Type enter key to display the editor. The default value is false

Grid - 1
0 rows

You can use home key to move to the first column cell and end key to the last column cell. And, you can use ctr+home to move to the first row and ctrl+end to the last row. 

The UI frequently required in the grid application is to move to the next row when type enter key in the last cell. 

 Type tab or enter key in the last column cell to move to the first cell of the next row. 

 Type tab or enter key in the first column cell to move to the last cell of the prior row. 

The right arrow is not applied. 

2. Edit Key

If press insert key, it will start Row Inserting and Appending in the current row location. If appendWhenInsertKey is true, it will start Row Appending after the last row instead of Row Inserting. 

Type insert key to append rows after the last row. The default value is false

And, if appendWhenExitLast is true, it will start Row Appending in the last cell of last row when type tab or enter key. First, crossWhenExitLast should be true

 Type tab or enter key in the last column cell to move to the first cell of next row. 

The default value is false

If commitOnLastCell is true, and if type tab or enter key in the last cell when useTabKey and enterToTab are true in the editing row, Row Editing will be committed. 

The default value is falseType enter or tab key in the last column cell to commit Row Editing. 

The default value is true. If type ctrl+quotes keys when the editor has not displayed in the Updating or Appending row, it will get and save the value of the prior row. 

Grid - 2
0 rows

Cell Editing will be cancelled if press esc key during Cell Editing, and Row Editing will be cancelled if press esc during Row Editing but not Cell Editing. If deletable is true, you can delete the selected rows by ctrl+del keys. And, if copyEnabled and pasteEnabled are true, you can copy and paste to the clipboard by ctrl+c and ctrl+v keys respectively. 

In addition, if EditOptions.editable is true, the editor will be displayed and Cell Editing will be started when you start to type with using keyboard in the editable data cell. 

Please refer to Tree Editing example about the key input used in Tree View


View Source JSP 

See Also
GridBase.editOptions
EditOptions
Examples
Cell Editing
Edit Events
Tree Editing
ReadOnly & Editable