CheckboxView

Źródło: views/CheckboxView.js

CheckboxView

Widok pojedynczego checkboxa (lub przełącznika switch) z obsługą reaktywnych akcji. Wartość widoku w VarStore to boolean (true / false).

Schema

type: checkbox
id: myCheckbox
name: acceptTerms
label: Akceptuję regulamin
description: Wymagane do złożenia zamówienia
value: false
switch: false
onChange:
  action: reload
  target: summaryPanel

Parametry

type - Typ widoku: "checkbox"
id - Identyfikator widoku (wymagane dla onChange / odczytu wartości)
name - Nazwa zmiennej do zbierania danych
label [template] - Etykieta obok checkboxa (opcjonalne)
description [template] - Dodatkowy opis pod etykietą (opcjonalne)
value [template] - Wartość początkowa; true, "true" lub "1" oznacza zaznaczony (opcjonalne)
switch - Gdy true, renderuje jako przełącznik Tabler (form-switch) (domyślnie: false)
inline - Gdy true, checkbox renderuje się w linii (form-check-inline) (opcjonalne)
disabled - Czy kontrolka jest wyłączona (opcjonalne)
onChange - Akcja na zmianę wartości; dane widoku w VarStore to boolean (opcjonalne)

Przykład: przełącznik filtra

type: checkbox
id: onlyActive
name: onlyActive
label: Tylko aktywne
switch: true
value: true
onChange:
  action: reload
  target: ordersTable

Publiczne API (kontrakt kontrolki wartości)

view.getValue()                               // boolean
view.setValue(value, { emitChange = false })  // ustawia zaznaczenie i synchronizuje VarStore

Odczyt wartości

type: button
label: Zapisz
onClick:
  action: callMethod
  module: core/orders
  method: create
  withData:
    - onlyActive