Important

You are browsing documentation for version 5.0 of OroCommerce, supported until January 2025. Read the documentation for version 6.0 (the latest LTS version) to get up-to-date information.

See our Release Process documentation for more information on the currently supported and upcoming releases.

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