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

---

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.

• Sie können den Parameter nachträglich ändern.
• Der Text erscheint nur im Bearbeitungsmodus.

Beispiel

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

Events

---

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

action

Löst aus, wenn ein Benutzer die Eingabe über die Tasten Strg+Enter oder Enter bestätigt.

Das System übergibt als Parameter ein Objekt, das den Pfad zum auslösenden Element und die Eigenschaft submit:true enthält.

textChanged

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

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