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