Important

You are browsing documentation for version 5.0 of OroCommerce. Support of this version ended in January 2025. Read the documentation for version 6.1 (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.

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