Taschenrechner

Anhand der verfügbaren Renderer und Kalkulatoren lässt sich eine Eingabemaske ähnlich einem Taschenrechner konstruieren.

Die erste Komponente besteht aus vielen Renderern. Der ValueButtonRenderer setzt bei Benutzung genau einen festen Wert für die Komponente. Dieser Wert wird über den Parameter button-value festgelegt und dient gleichzeitig als Beschriftung.

Dieser Komponentenwert wird bei Betätigung des nächsten Buttons sofort wieder überschrieben und wird nur dazu verwendet, ihn über den ConcatCalculator der zweiten Komponente input an den aktuellen Wert (<value/>) dieser Komponente anzuhängen. Alternativ kann auch direkt eine Formel in dieses Feld eingegeben werden.

In der dritten Komponente result wird dann die Berechnung durchgeführt und angezeigt. Der EvaluateCalculator evaluiert einen mathematischen Ausdruck und liefert dessen Ergebnis. Da die Berechnung automatisch bei Änderungen an der referenzierten Komponente ausgeführt wird, wird immer ein Wert angezeigt, wenn ein gültiger Ausdruck vorliegt.