Table of Contents

Related Auto Complete Component

Renders the relationship between the page's main mediatype and a related mediatype as an autocomplete-style picker — typing in the input filters related records, and selection adds the chosen record(s) to the relationship.

Smallest and lightest of the three related-record components — use when the operator only needs to set the identity of the related record, not its fields. For a form-style interface use the Related Form Component; for a list-style interface use the Simple Related List.

Related docs.
Simple Related List, Related Form Component, Ordered Related List — the four related-record components share most semantics; choose based on the UX you want.

Configuration Keys

These are all available Configuration Keys for the Related Auto Complete Component.

The configuration must be inserted into the database table:

MIB3UX_PAGE_COMPONENT_CONFIGURATIONS

ALLOW_BULK_EDIT

Boolean value;

True: default value; Enable page item to be bulk edited

False: disable component Bulk edition

ALLOW_EDIT

Boolean value;

True: default value; Enable page item to be edited

False: disable component edition disregarding the user permissions

ALLOW_REMOVE

Boolean value;

True: default value; Enable page item to be deleted

False: disable component deletion disregarding the user permissions

HIDE_BULK_EDIT

Boolean value.

True: bulk-edit is disabled for this component.

False (default): bulk-edit is enabled for this component.

Details: This flag is used when the main mediatype on the page can be bulk-edited but the related component should not be.

MEDIATYPE

The value is a name of a meditype.

This configuration defines which mediatype is loaded in the component.

PARENT_MEDIATYPE

Value is a Mediatype name;

It is used to link the main mediatype from the page with the mediatype of related component;

Ex:

Having a Movie page with a MMedias related form component.

Into the MMedias related form configuration, may be used the following:

CONFIGURATION_KEY:   PARENT_MEDIA_TYPE
CONFIGURATION_VALUE: MVP_MOVIES

Now, the mmedias items are linked with the main mediatype (movies) item.

READONLY

Boolean value;

True: force a component be read only disregarding the user permissions

False: default value; component behavior regards only user permissions

TITLE

The value is the name of the component rendered in the page.

Source reference
React type-key (effective) relatedList — set via COMPONENT_VIEW_TYPE. The raw class name resolves to relatedautocomplete, which is not directly mapped in the React shell's registry today
BFF assembly MibServer3.Web
BFF class MibServer3.Web.Component.RelatedAutoCompleteComponent
MIB3UX_COMPONENTS.COMPONENT_KEY mib_default_relatedautocompletecomponent
React widget source packages/core-components/src/components/related-list/RelatedList.tsx — autocomplete behavior is driven by the schema's Autocomplete flag
Schema / data contract Default List Schema with the autocomplete schema flag set

Custom backend, core React. Same shape as Simple Related List with Autocomplete: true in the schema's configuration, and COMPONENT_VIEW_TYPE = 'relatedList'. The widget renders the chip-input

  • async typeahead automatically; your backend only needs to expose the mediatype lookup for the typeahead's search.
Edit this page