Select Input

Izvēlēties ievades komponentu. Var izmantot kā daļu no ISLE paneļa vai atsevišķi. Pēdējā minētajā gadījumā vēlaties apstrādāt izmaiņas, izmantojot atribūtu onChange, vai piesaistīt vērtību globālajam mainīgajam, izmantojot atribūtu bind.

Iespējas

• bind | string: tā globālā mainīgā nosaukums, kuram piešķirams numurs.. Default: ''.
• clearable | boolean: boolean vērtība, kas norāda, vai var dzēst izdarīto(-ās) izvēli(-as).. Default: none.
• defaultValue | (number|string|array|object): ievades noklusējuma vērtība pie palaišanas. Default: none.
• disabled | boolean: kontrolē, vai ievade ir aktīva vai nav.. Default: false.
• inline | boolean: norāda, vai ievade tiek rādīta rindkopā.. Default: false.
• legend | (string|node): teksts, kas tiek parādīts blakus ievadītajam. Default: ''.
• menuPlacement | string: izvēlnes izvietojums attiecībā pret vadības ierīci (automātiski, top vai bottom).. Default: 'auto'.
• multi | boolean: kontrolē, vai var izvēlēties vairākas atbildes.. Default: false.
• onChange | function: atgriezeniskā zvana funkcija, kas jāizsauc, kad ir izdarīta izvēle.. Default: onChange() {}.
• options | array: masīvs, kurā norādītas lietotājam pieejamās izvēles. Default: [].
• placeholder | string: vērtība, kas jāparāda pirms sākotnējās izvēles izdarīšanas.. Default: none.
• tooltip | string: teksts, kas tiek parādīts, kad uzbraucot virs leģendas. Default: none.
• style | object: CSS iebūvētie stili. Default: {}.

Piemēri

Tiešraides redaktors

<SelectInput legend="Choose the test direction" defaultValue="two-sided" options={[ 'left-sided', 'right-sided', 'two-sided' ]} />

<SelectInput
    legend="Choose the test direction"
    defaultValue="two-sided"
    options={[
        'left-sided',
        'right-sided',
        'two-sided'
    ]}
/>

Rezultāts

ReferenceError: Provider is not defined