c-select-many-to-many

A multi-select dropdown component that allows for selecting values fetched from the generated /list API endpoints for collection navigation properties that were annotated with [ManyToMany].

TIP

It is unlikely that you'll ever need to use this component directly - it is highly recommended that you use c-input instead and let it delegate to c-select-many-to-many for you.

Examples

<c-select-many-to-many :model="case" for="caseProducts" />

<c-select-many-to-many 
    :model="case" 
    for="caseProducts" 
    dense
    outlined
/>

<c-select-many-to-many 
    v-model="case.caseProducts" 
    for="Case.caseProducts" 
/>

Props

for: string | Property | Value

A metadata specifier for the value being bound. One of:

• A string with the name of the value belonging to model.
• A direct reference to a metadata object.
• A string in dot-notation that starts with a type name.

Note

c-select-many-to-many expects metadata for the "real" collection navigation property on a model. If you provide it the string you passed to [ManyToMany], an error wil be thrown.

model?: Model

An object owning the value that was specified by the for prop. If provided, the input will be bound to the corresponding property on the model object.

value?: any // Vue 2
modelValue?: any // Vue 3

If binding the component with v-model, accepts the value part of v-model.

params?: ListParameters

An optional set of Data Source Standard Parameters to pass to API calls made to the server.

cache?: ResponseCachingConfiguration | boolean

If provided and non-false, enables response caching on the component's internal API caller.

Events

The following events and automatic API calls are only used when bound to a model that has auto-saves enabled.

• adding - Fired when a new item has been selected, but before the call to /save has completed.
• added - Fired when the call to /save has completed after adding a new item.
• deleting - Fired when an item has been removed, but before the call to /delete has completed.
• deleted - Fired when the call to /delete has completed after removing an item.