Durchsuchbare Dokumentation aufrufen

Zurück zur Dokumentationsübersicht

agorum.composite.form.element.boolean

Dieses Element stellt eine Checkbox dar und zeigt im Textmodus den Wert Ja oder Nein an.

agorum.composite.form.element.boolean erbt alle Grundeigenschaften von element.

Beispiel


Checkbox-Beispiele

Skript zur Oberfläche

let aguila = require('common/aguila');

let form = aguila.create({
  width: 500,
  height: 300,
  type: 'agorum.composite.form.basic',

  elements: [
    {
      type: 'agorum.composite.form.element.boolean',
      name: 'checkBox1',
      label: 'Checkbox 1',
      value: true,
      text: 'Text hinter der Checkbox',
    },
    {
      type: 'agorum.composite.form.element.boolean',
      name: 'checkBox2',
      label: 'Checkbox 2',
      value: false,
      text: 'Text hinter der Checkbox',
    },
  ],
});

form;

Parameter


Alle Parameter in element gelten. Zusätzlich gelten die folgenden Parameter.

value

Wert Beschreibung
true Angehakt
false Nicht angehakt

Wenn validation.required = true ist und die Checkbox ist nicht angehakt, ist automatisch valid=false. Die Box erscheint dann rot markiert.

    {
      type: 'agorum.composite.form.element.boolean',
      name: 'checkBox3',
      label: 'Checkbox 3',
      value: false,
      text: 'Text hinter der Checkbox',
      validation: [
        {
          required: true,
        },
      ],
    },

text

Definiert den Text hinter der Checkbox.


Beispiel

form.down('checkBox1').text = 'Neuer Text';

Events


Alle Events in element gelten. Zusätzlich gelten die folgenden Events.

textChanged

Löst aus, wenn sich der Parameter text ändert.

Das System übergibt als Parameter den neuen Wert von text.