Skip to content

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

template
<c-select-many-to-many :model="case" for="caseProducts" />
template
<c-select-many-to-many 
    :model="case" 
    for="caseProducts"
    variant="outlined"
    density="compact"
/>

Props

See c-select / Props.

Since c-select-many-to-many internally uses c-select as its implementation, all props of c-select are also supported by c-select-many-to-many.

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.

Coalesce is a free and open-source framework created by IntelliTect to fill our desire to create better apps, faster. IntelliTect is a high-end software architecture and development consulting firm based in Spokane, Washington.

If you're looking for help with your software project, whether it be a Coalesce application, other technologies, or even just an idea, reach out to us at info@intellitect.com — we'd love to start a conversation! Our clients range from Fortune 100 companies to local small businesses and non-profits.