Open Source Dokumentenmanagement
Dokumentation

Durchsuchbare Dokumentation aufrufen | Zurück zur Dokumentationsübersicht

Navigation: Dokumentationen agorum core > agorum.composite.form


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.