Select Input

Επιλέξτε ένα στοιχείο εισόδου. Μπορεί να χρησιμοποιηθεί ως μέρος ενός πίνακα οργάνων ISLE ή αυτόνομα. Στην τελευταία περίπτωση, θέλετε να χειριστείτε τις αλλαγές μέσω του χαρακτηριστικού onChange ή να δεσμεύσετε την τιμή σε μια παγκόσμια μεταβλητή μέσω του χαρακτηριστικού bind.

Επιλογές

• bind | string: όνομα της παγκόσμιας μεταβλητής για τον αριθμό που θα εκχωρηθεί. Default: ''.
• clearable | boolean: boolean τιμή που υποδεικνύει αν μπορεί κανείς να διαγράψει την επιλογή(ες) που έχει κάνει. Default: none.
• defaultValue | (number|string|array|object): προεπιλεγμένη τιμή της εισόδου κατά την εκκίνηση. Default: none.
• disabled | boolean: ελέγχει αν η είσοδος είναι ενεργή ή όχι. Default: false.
• inline | boolean: υποδεικνύει αν η είσοδος εμφανίζεται εντός γραμμής. Default: false.
• legend | (string|node): κείμενο που εμφανίζεται δίπλα στην είσοδο. Default: ''.
• menuPlacement | string: τοποθέτηση του μενού σε σχέση με το στοιχείο ελέγχου (είτε "auto", "top" ή "bottom"). Default: 'auto'.
• multi | boolean: ελέγχει αν μπορεί κανείς να επιλέξει πολλαπλές απαντήσεις. Default: false.
• onChange | function: συνάρτηση επανάκλησης που θα καλείται όταν γίνεται μια επιλογή. Default: onChange() {}.
• options | array: πίνακας που δείχνει τις επιλογές που έχει στη διάθεσή του ο χρήστης. Default: [].
• placeholder | string: τιμή που θα εμφανίζεται πριν από την αρχική επιλογή. Default: none.
• tooltip | string: κείμενο που εμφανίζεται όταν περνάτε με το ποντίκι πάνω από τον μύθο. Default: none.
• style | object: Στυλ γραμμής CSS. Default: {}.

Παραδείγματα

Live Editor

<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'
    ]}
/>

Αποτέλεσμα

ReferenceError: Provider is not defined