Μετάβαση στο κύριο περιεχόμενο

Number Input

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

Επιλογές​

  • bind | string: όνομα της παγκόσμιας μεταβλητής για τον αριθμό που θα εκχωρηθεί. Default: ''.
  • defaultValue | number: τιμή που υποδεικνύει την προεπιλεγμένη τιμή της εισόδου κατά την εκκίνηση. Default: 0.
  • disabled | boolean: boolean που δείχνει αν η είσοδος είναι ενεργή ή όχι. Default: false.
  • inline | boolean: υποδεικνύει αν η είσοδος εμφανίζεται εντός γραμμής. Default: false.
  • legend | (string|node): συμβολοσειρά που υποδεικνύει το κείμενο που εμφανίζεται δίπλα στην εισαγωγή αριθμού. Default: none.
  • max | number: αριθμός που υποδεικνύει τη μέγιστη τιμή που μπορεί να εισαχθεί. Default: null.
  • min | number: αριθμός που υποδεικνύει τη μικρότερη δυνατή τιμή που μπορεί να εισαχθεί. Default: null.
  • numbersOnly | boolean: ελέγχει αν γίνονται δεκτοί μόνο αριθμοί. Default: true.
  • placeholder | string: συμβολοσειρά που υποδεικνύει το κείμενο που εμφανίζεται όταν η είσοδος είναι κενή (απαιτεί η τιμή defaultValue να έχει οριστεί σε null ή undefined). Default: '0'.
  • onBlur | function: συνάρτηση επανάκλησης που θα καλείται όταν χρησιμοποιείται μια μέθοδος θόλωσης. Default: onBlur() {}.
  • onChange | function: συνάρτηση επανάκλησης που θα καλείται όταν αλλάζει η εισαγωγή αριθμού. Default: onChange() {}.
  • onKeyDown | function: συνάρτηση επανάκλησης που θα καλείται όταν πατηθεί οποιοδήποτε πλήκτρο. Default: onKeyDown() {}.
  • onKeyPress | function: συνάρτηση επανάκλησης που θα καλείται όταν πληκτρολογείται οποιοδήποτε πλήκτρο. Default: onKeyPress() {}.
  • onKeyUp | function: συνάρτηση επανάκλησης που θα κληθεί όταν απελευθερωθεί το πλήκτρο. Default: onKeyUp() {}.
  • step | (number|string): αριθμός που υποδεικνύει τις σταδιακές αλλαγές όταν χρησιμοποιούνται τα βέλη αύξησης. Default: 1.
  • style | object: Στυλ γραμμής CSS. Default: {}.
  • inputStyle | object: Στυλ CSS inline για το στοιχείο εισόδου. Default: {}.
  • value | number: αριθμητική τιμή (για ελεγχόμενο συστατικό). Default: none.
  • tooltip | string: συμβολοσειρά tooltip (αν δεν οριστεί, η συμβολοσειρά δημιουργείται αυτόματα). Default: none.
  • tooltipPlacement | string: κατεύθυνση του tooltip. Default: 'left'.

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

Live Editor
Αποτέλεσμα
ReferenceError: Provider is not defined