1. Home
  2. Classes
  3. VlMultiSelect

new VlMultiSelect()

Description

Gebruik een multiselect om een gebruiker toe te laten om in een lijst van vooropgestelde keuzes te zoeken, en enkele of alle passende keuzes te selecteren.

Properties
Name Type Description
data-vl-block boolean

Attribuut wordt gebruikt om ervoor te zorgen dat de textarea getoond wordt als een block element en bijgevolg de breedte van de parent zal aannemen.
data-vl-error boolean

Attribuut wordt gebruikt om aan te duiden dat het select element verplicht is of ongeldige tekst bevat.
data-vl-success boolean

Attribuut wordt gebruikt om aan te duiden dat het select element correct werd ingevuld.
disabled boolean

Attribuut wordt gebruikt om te voorkomen dat de gebruiker iets kan kiezen uit het select element.
Details

VlSelect

vl-multiselect.js, line 20

Members

readyEvent

Description

Geeft de ready event naam.

Returns
Details

VlSelect#readyEvent

vl-multiselect.js, line 49

values

Description

Zet het geselecteerd option element op basis van de option value.

Parameters
Name Type Description
values string

De option value van het option element dat gekozen moet worden.
Returns
Details

vl-multiselect.js, line 59

values

Description

Geeft de waarde van de geselecteerde option elementen.

Returns
Details

vl-multiselect.js, line 70

choices

Description

Zet de mogelijkheden die gekozen kunnen worden.

Parameters
Name Type Description
choices Array.<Object>

met value en label attribuut.
Details

VlSelect#choices

vl-select.js, line 190

sortFilter

Description

Zet sorteer functie voor de mogelijke keuzes.

Parameters
Name Type Description
fn function

bi-functie die de mogelijke keuzes sorteert.
Details

VlSelect#sortFilter

vl-select.js, line 199

value

Description

Zet het geselecteerd option element op basis van de option value.

Parameters
Name Type Description
value string

de option value van het option element dat gekozen moet worden.
Details

VlSelect#value

VlSelect#value

vl-select.js, line 208

_choices

Description

Geef de Choices instantie.

Returns

de Choices instantie of null als de component nog niet geïnitialiseerd is door dress()

Details

VlSelect#_choices

vl-select.js, line 231

https://www.npmjs.com/package/choices.js

_wrapperElement

Description

Geef de 'js-vl-select' wrapper terug dat door de dress functie wordt gegenereerd wordt.

Returns

geeft 'js-vl-select' div terug of 'null' als de component nog niet geinitialiseerd is door 'dress()'

Details

VlSelect#_wrapperElement

vl-select.js, line 242

Methods

focus()

Description

Geef focus aan het select input element.

Details

VlSelect#focus

vl-multiselect.js, line 87

dress( params )

Description

Initialiseer de Choices config.

Parameters
Name Type Description
params Object

object with callbackFn: function(select) with return value the items for setChoices
Fires
Details

VlSelect#dress

vl-select.js, line 272

https://www.npmjs.com/package/choices.js

<async> ready() → {Promise}

Description

Geeft een promise die 'resolved' wanneer de select initialisatie klaar is.

Returns

De promise

Details

VlSelect#ready

vl-select.js, line 295

undress()

Description

Vernietigt de Choices instantie van deze component.

Details

VlSelect#undress

vl-select.js, line 304

https://www.npmjs.com/package/choices.js

enable()

Description

Activeer de component.

Details

VlSelect#enable

vl-select.js, line 318

disable()

Description

Deactiveer de component.

Details

VlSelect#disable

vl-select.js, line 325

removeActive()

Description

Verwijder de actieve geselecteerde optie.

Details

VlSelect#removeActive

vl-select.js, line 332

showDropdown()

Description

Toon de dropdown met de mogelijke keuzes.

Details

VlSelect#showDropdown

vl-select.js, line 339

hideDropdown()

Description

Verberg de dropdown met de mogelijke keuzes.

Details

VlSelect#hideDropdown

vl-select.js, line 346