Important

You are browsing documentation for version 5.0 of OroCommerce, OroCRM, and OroPlatform, maintained until August 2024 and supported until March 2026. Read version 5.1 (the latest LTS version) of the Oro documentation to get up-to-date information.

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

InlineEditableViewComponent ⇐ BaseComponent 

Allows to connect inline editors on view pages. Currently used only for tags-editor. See the index of supported editors.

Extends: BaseComponent

Sample:

{% import '@OroUI/macros.html.twig' as UI %}
<div {{ UI.renderPageComponentAttributes({
   module: 'oroform/js/app/components/inline-editable-view-component',
   options: {
       frontend_type: 'tags',
       value: oro_tag_get_list(entity),
       fieldName: 'tags',
       metadata: {
           inline_editing: {
               enable: is_granted('oro_tag_assign_unassign'),
               save_api_accessor: {
                   route: 'oro_api_post_taggable',
                   http_method: 'POST',
                   default_route_parameters: {
                       entity: oro_class_name(entity, true),
                       entityId: entity.id
                   }
               },
               autocomplete_api_accessor: {
                   class: 'oroui/js/tools/search-api-accessor',
                   search_handler_name: 'tags',
                   label_field_name: 'name'
               },
               editor: {
                   view_options: {
                       permissions: {
                           oro_tag_create: is_granted('oro_tag_create')
                       }
                   }
               }
           }
       }
   }
}) }}></div>

Param

Type

Description

options

Object

Options container

options._sourceElement

Object

The element to which the view should be connected (passed automatically when page component is connected through DOM attributes)

options.frontend_type

string

frontend type, please find available keys here

options.value

*

value to edit

options.fieldName

string

field name to use when sending value to server

options.metadata

Object

Editor metadata

options.metadata.inline_editing

Object

inline-editing configuration

inlineEditableViewComponent.initialize 

Kind: instance class of InlineEditableViewComponent

new initialize (options)

Param

Type

options

Object

inlineEditableViewComponent.resizeTo() 

Resizes editor to base view width

Kind: instance method of the InlineEditableViewComponent