Orbito - Dokumentacja modułówOrbito - Dokumentacja modułów
Wprowadzenie
Pierwsze kroki
API
Komunikacja
Widoki
Wdrożenie
Społeczność
For AI agents
Wprowadzenie
Pierwsze kroki
API
Komunikacja
Widoki
Wdrożenie
Społeczność
For AI agents
  • OrbitoViewEngine

    • Wprowadzenie
    • BaseView – Klasa bazowa
    • Zmienne (VarStore)
    • Listy i notacja .$
    • Szablony Handlebars
    • Akcje (ActionHandler)
    • Tabele danych
    • Edycja danych
    • Kontrolki wartości
    • Warianty stylistyczne
    • Komponenty i sloty
    • Pliki, kamera i schemat z serwera
  • Widoki

    • AvatarView
    • BadgeView
    • ButtonView
    • CameraView
    • CardView
    • CheckboxGroupView
    • CheckboxView
    • ComponentView
    • CssBoxView
    • DataTableView
    • DropdownView
    • DynamicListView
    • DynamicView
    • FilePickerView
    • FilePreviewView
    • FlexView
    • GridView
    • HtmlView
    • InlineEditView
    • InputView
    • ListView
    • ModalView
    • PopoverView
    • RadioGroupView
    • RowView
    • SelectView
    • SliderView
    • SlotView
    • StepperView
    • TabsView
    • TextInputView
    • TextView

DynamicListView

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

DynamicListView

Dynamiczna lista z obsługą reaktywnych aktualizacji parametrów.

Schema

type: list
id: ordersList
module: core/orders
method: search
params:
  search: ""
responsePath: data.items
emptyMessage: Brak wyników
loadingMessage: Ładowanie...
template: {}

Parametry

  • type - Typ widoku: "list"
  • id - Identyfikator widoku (wymagane dla reaktywności)
  • module - Moduł API (wymagane)
  • method - Metoda API (wymagane)
  • params [template] - Początkowe parametry zapytania (opcjonalne)
  • responsePath - Ścieżka do danych w odpowiedzi API (opcjonalne)
  • limit [template] - Maksymalna liczba wyświetlanych elementów (opcjonalne)
  • emptyMessage - Komunikat gdy brak danych (opcjonalne)
  • loadingMessage - Komunikat podczas ładowania (opcjonalne)
  • template - Szablon dla renderowania elementów (wymagane)

Obsługiwane eventy

  • reload:{id} - Przeładowuje dane bez zmiany parametrów.

Przykład użycia

type: list
id: productsList
module: core/products
method: search
params:
  category: electronics
template:
  type: card
  title: "{{ productsList.$.name }}"
  content:
    type: text
    content: "Cena: {{ productsList.$.price }} PLN"

Uwagi

  • responsePath pozwala wskazać ścieżkę do tablicy z danymi w odpowiedzi API (np. "data.items" lub "result.list")
  • Jeśli responsePath nie jest podany, zakładamy że cała odpowiedź API to tablica elementów
Ostatnio zaktualizowano:: 24.06.2026, 10:24
Contributors: Wiktor Koźmiński
Prev
DropdownView
Next
DynamicView