ORIENT/modules/backend/widgets/table/assets/js
Ben Thomson 14c4d1392e Datatable dropdown usability tweaks (#3980)
Adds a couple of usability tweaks to the dropdown cell type in the data table widget, to more closely mimic a native dropdown field.

Pressing the up or down arrow keys when the cell is focused but with the dropdown closed will select the previous or next item automatically and set it as the cell value. This does prevent the usual table function of going to the previous or next row when focused on a dropdown cell, but I think it's a worthwhile trade-off. When the dropdown is open, the up and down arrows work the same as previously implemented.

Typing out characters will initiate a search and select the first matching option automatically and set it as the cell value. For example, for the following options:

Apples
Oranges
Bananas
Typing out o and r on the keyboard will automatically select the Oranges option.

Credit to @bennothommo
2018-12-16 09:30:23 -06:00
..
build-min.js Datatable dropdown usability tweaks (#3980) 2018-12-16 09:30:23 -06:00
build.js Add search to table widget 2017-07-15 12:06:50 +10:00
table.datasource.base.js Add search to table widget 2017-07-15 12:06:50 +10:00
table.datasource.client.js Fixes data source polluting base proto 2016-02-10 20:22:50 +11:00
table.datasource.server.js Add search to table widget 2017-07-15 12:06:50 +10:00
table.helper.navigation.js Add search to table widget 2017-07-15 12:06:50 +10:00
table.helper.search.js Enable searching via config 2017-07-15 12:18:11 +10:00
table.js Datatable dropdown usability tweaks (#3980) 2018-12-16 09:30:23 -06:00
table.processor.autocomplete.js Added autocomplete column type to the Table widget 2015-11-17 21:26:03 -08:00
table.processor.base.js Minor styling fixes in the table widget. Fixed a bug where empty values in the table widget could be rendered as 'undefined' in Safari. 2017-01-25 20:15:12 -08:00
table.processor.checkbox.js Minor fixes and improvements. 2015-09-10 20:45:07 -07:00
table.processor.dropdown.js Datatable dropdown usability tweaks (#3980) 2018-12-16 09:30:23 -06:00
table.processor.string.js Add oc.tableUpdateData event and readOnly to string processor 2016-02-20 15:38:29 +11:00
table.validator.base.js Minor changes in the Table widget validation 2015-01-13 18:44:20 -08:00
table.validator.basenumber.js Added JS source map extension to the white map in the .htaccess file. Minor fix in the forms styling. Implemented client-side validation for the Table widget. Updated the Table widget readme file. 2015-01-11 13:42:42 -08:00
table.validator.float.js Added JS source map extension to the white map in the .htaccess file. Minor fix in the forms styling. Implemented client-side validation for the Table widget. Updated the Table widget readme file. 2015-01-11 13:42:42 -08:00
table.validator.integer.js Added JS source map extension to the white map in the .htaccess file. Minor fix in the forms styling. Implemented client-side validation for the Table widget. Updated the Table widget readme file. 2015-01-11 13:42:42 -08:00
table.validator.length.js Added JS source map extension to the white map in the .htaccess file. Minor fix in the forms styling. Implemented client-side validation for the Table widget. Updated the Table widget readme file. 2015-01-11 13:42:42 -08:00
table.validator.regex.js Added JS source map extension to the white map in the .htaccess file. Minor fix in the forms styling. Implemented client-side validation for the Table widget. Updated the Table widget readme file. 2015-01-11 13:42:42 -08:00
table.validator.required.js Added JS source map extension to the white map in the .htaccess file. Minor fix in the forms styling. Implemented client-side validation for the Table widget. Updated the Table widget readme file. 2015-01-11 13:42:42 -08:00