Checkbox

<Checkbox>-Controls werden mit dem Element <Checkbox> erstellt und werden verwendet, um mit booleschen Werten zu arbeiten, z. B. Benutzereingaben im „Ja/Nein“-Format zu erhalten.

Für das Element <Checkbox> lassen sich zusätzlich zu den unter Controls aufgeführten Standardattributen folgende Attribute definieren:

Attribut Beschreibung

checked

Obligatorisch

Gibt an, ob die Checkbox standardmäßig aktiviert oder deaktiviert ist.

Data Binding (Boolean) möglich

Hinweis:

Die Verwendung von Data Binding für den Status der Checkbox ist notwendig, damit die Checkbox ordnungsgemäß funktioniert und den initialen Wert von result bzw. set zu speichern.

Mögliche Werte: true / false oder Zeichenkette für Data Binding

displayName

Beschriftung. Wird neben der Checkbox angezeigt.

Data Binding möglich

Mögliche Werte: Beliebige Zeichenkette

sliderOnDesktop

Legt fest, ob die Checkbox in der Desktopversion als Schieber (Slider) angezeigt wird.

Mögliche Werte: true / false

Hinweis:

Checkboxen werden in der Desktop-Version und in der mobilen Version unterschiedlich angezeigt.

Anzeige in der Desktop-Version:
Anzeige in der mobilen Version:

Mit dem Attribut sliderOnDesktop kann die Anzeige für die mobile Version auch in der Desktop-Version angezeigt werden.

Aktion „Auswählen“ innerhalb einer Checkbox

Die Aktion Auswählen wird über das Element <SelectAction/> innerhalb von <Checkbox> erzeugt und ausgelöst, sobald die Checkbox aktiviert oder deaktiviert wird.

Beispiel für `<Checkbox>`

XML

<DetailComponent name="Example" path="Example" displayName="Example">
	<FlowLayout>
		<Checkbox checked="true" displayName="Example"/>
	</FlowLayout>
</DetailComponent>

Obiger Code erzeugt folgende Checkbox:

Beispiel für `<Checkbox>` mit einem Technical Process

XML

<DetailComponent path="Dashboard"
       displayName="Dashboard" default="true"
       process="/Processes/process_1.wrf">
       <Properties>
             <Property name="boolean" type="Boolean"></Property>
       </Properties>
       <FlowLayout>
             <Checkbox checked="#boolean" displayName="Check box" />
       </FlowLayout>
</DetailComponent>

Obiges Beispiel erzeugt folgende Checkbox:

Aktion „Auswählen“ innerhalb einer Checkbox

Beispiel für <Checkbox>

Beispiel für <Checkbox> mit einem Technical Process

Beispiel für `<Checkbox>`

Beispiel für `<Checkbox>` mit einem Technical Process