RangeSelector
FreeEin Streifen mit zwei Griffen, der ein Intervall einer Reihe auswählt; eine kleine Vorschau der Daten liegt hinter den Griffen.
Beispiel
Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
Categories | IReadOnlyList<string> | Beschriftungen entlang der horizontalen Achse. |
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Disabled | bool | Deaktiviert die Interaktion. |
High | Double | Oberer Wert. Verwenden Sie es mit @bind-High. |
Label | string | Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo). |
Low | Double | Unterer Wert. Verwenden Sie es mit @bind-Low. |
Max | Double? | Größter zulässiger Wert (ProgressBar: der Wert, der 100 % bedeutet; Rating: Anzahl der Sterne). |
Min | Double | Kleinster zulässiger Wert. |
PreviewHeight | Double | Höhe der Datenvorschau in Pixeln. |
Step | Double | Betrag, der von den Schaltflächen und Pfeiltasten addiert oder abgezogen wird. |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Values | IEnumerable<Double> | Die darzustellenden Zahlen. |
Ereignisse
| Ereignis | Typ | Beschreibung |
|---|---|---|
HighChanged | EventCallback<Double> | Wird ausgelöst, wenn sich der obere Wert ändert. |
LowChanged | EventCallback<Double> | Wird ausgelöst, wenn sich der untere Wert ändert. |
RangeChanged | EventCallback<ValueTuple<Double, Double>> | Wird mit dem unteren und dem oberen Wert ausgelöst, nachdem einer der Griffe bewegt wurde. |
Paket
RangeSelector gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.
Feedback sendenVersion 1.0.3