Configuration

Use the following configuration options to bind the Select2 for WireBootstrap component.

Properties

Name	Default	Description
default	All	Default value in the select box when it loads. Use a single text label or the datamap.id field name. Set to $first to have the first value in the list selected by default.
datamap		Used to bind data to the component. See Data Binding for details.
loading	false	Determines whether the loading spinner is shown over the component when processing its data promise.
multiRemoveDefault	false	Removes first/default selection (ala All) when another selection is made.
search	false	Allow the select list to be searched
select2		The native configuration pass-through for Select2. See Select2 for an example.
typeAhead	false	Turn on smart type-ahead for the select list. Note, the data binding must be using a WireBootstrap data set for this functionality.

Select2

The following example uses the native Select2 configuration to turn on multi-select functionality. It also tells the component not to display a loading spinner when waiting for new data.

const select2 = new wire.select2().render("#select", {
    ...
    loading: false,
    select2: { multiple: true }
});