SelectEditorView ⇐ TextEditorView
Select cell content editor. The cell value should be a value field. The grid will render a corresponding label from the options.choices map. The editor will use the same mapping
Column configuration examples:
datagrids:
{grid-uid}:
inline_editing:
enable: true
# <grid configuration> goes here
columns:
# Sample 1. Mapped by frontend type
{column-name-1}:
frontend_type: select
choices: # required
key-1: First
key-2: Second
# Sample 2. Full configuration
{column-name-2}:
choices: # required
key-1: First
key-2: Second
inline_editing:
editor:
view: oroform/js/app/views/editor/select-editor-view
view_options:
placeholder: '<placeholder>'
css_class_name: '<class-name>'
validation_rules:
NotBlank: ~
save_api_accessor:
route: '<route>'
query_parameter_names:
- '<parameter1>'
- '<parameter2>'
Options in YML
Column Option Name |
Description |
---|---|
choices |
Key-value set of available choices |
inline_editing.editor.view_options.placeholder |
Optional. Placeholder translation key for an empty element |
inline_editing.editor.view_options.key_type |
Optional. Specifies type of value that should be sent to server. Currently string/boolean/number key types are supported. |
inline_editing.editor.view_options.placeholder_raw |
Optional. Raw placeholder value |
inline_editing.editor.view_options.css_class_name |
Optional. Additional css class name for editor view DOM element |
inline_editing.validation_rules |
Optional. Validation rules. See JS Validation |
inline_editing.save_api_accessor |
Optional. Sets accessor module, route, parameters etc. |
Constructor Parameters
Extends: TextEditorView
Param |
Type |
Description |
---|---|---|
options |
Object |
Options container |
options.model |
Object |
Current row model |
options.fieldName |
string |
Field name to edit in model |
options.className |
string |
CSS class name for editor element |
options.placeholder |
string |
Placeholder translation key for an empty element |
options.placeholder_raw |
string |
Raw placeholder value. It overrides placeholder translation key |
options.validationRules |
Object |
Validation rules. See JS Validation |
options.choices |
Object |
Key-value set of available choices |
SelectEditorView ⇐ TextEditorView
.getSelect2Options() ⇒ Object
.getSelect2Data() ⇒ Object
.onFocusout(e)
.isFocused() ⇒ boolean
.getServerUpdateData() ⇒ Object
selectEditorView.getSelect2Options() ⇒ Object
Prepares and returns Select2 options
Kind: instance method of SelectEditorView
selectEditorView.getSelect2Data() ⇒ Object
Returns Select2 data from corresponding element
Kind: instance method of SelectEditorView
selectEditorView.onFocusout(e)
Handles focusout event
Kind: instance method of SelectEditorView
Param |
Type |
---|---|
e |
jQuery.Event |
selectEditorView.isFocused() ⇒ boolean
Returns true if element is focused
Kind: instance method of SelectEditorView
selectEditorView.getServerUpdateData() ⇒ Object
Returns data which should be sent to the server
Kind: instance method of SelectEditorView