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

Slider Input

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

Επιλογές​

  • defaultValue | number: Η αρχική τιμή του ρυθμιστή. Default: 10.
  • disabled | boolean: ελέγχει αν η είσοδος του ρυθμιστή είναι ενεργή ή όχι. Αν οριστεί σε true, το ρυθμιστικό θα είναι παρόν στην οθόνη, αν και γκριζαρισμένο.. Default: false.
  • inline | boolean: ελέγχει αν το ρυθμιστικό θα τοποθετηθεί εντός γραμμής με το κείμενο ή εκτός.. Default: false.
  • legend | (string|node): λεζάντα της εισόδου. Default: none.
  • max | number: Η μέγιστη τιμή του ρυθμιστικού. Default: 100.
  • maxLabel | string: η ετικέτα να εμφανίζεται στα δεξιά του ρυθμιστή αντί της μέγιστης τιμής. Default: none.
  • min | number: Η ελάχιστη τιμή του ρυθμιστικού. Default: 0.
  • minLabel | string: η ετικέτα να εμφανίζεται στα αριστερά του ρυθμιστή αντί της ελάχιστης τιμής. Default: none.
  • onChange | function: callback που καλείται με τη νέα τιμή όταν αλλάζει η τιμή του ολισθητήρα. Default: onChange() {}.
  • precision | number: στρογγυλοποίηση της εισόδου. Η τιμή θα στρογγυλοποιηθεί ώστε να μην έχει περισσότερα σημαντικά ψηφία από την ακρίβεια. Για παράδειγμα, αν κάποιος επιθυμεί να χρησιμοποιήσει μόνο ακέραιους αριθμούς, θα χρησιμοποιηθεί ακρίβεια 10, ενώ αν κάποιος επιθυμεί να στρογγυλοποιήσει στην εκατοντάδα, θα χρησιμοποιηθεί ακρίβεια 0,001.. Default: 10.
  • step | (number|string): μέγεθος βήματος του ρυθμιστή. Default: 1.
  • hideTooltip | boolean: ελέγχει αν θα αποκρύπτεται το tooltip. Default: false.
  • style | object: Στυλ γραμμής CSS. Default: {}.
  • numberInputStyle | object: Στυλ CSS inline για το στοιχείο εισαγωγής αριθμού. Default: {}.
  • rangeInputStyle | object: Στυλ CSS inline για το στοιχείο εισόδου εύρους. Default: {}.

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

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