ns-search-select

Überblick

Die Komponente „ns-search-select“ rendert ein durchsuchbares Dropdown-Menü für Feldoptionen. Sie speichert den ausgewählten Optionswert in field.value und löst Change-Events aus, wenn eine Auswahl getroffen oder gelöscht wird.

Requisiten und Events

• Feld: erforderliche Felddefinition.
• Name, Platzhalter und Leading: optionale Kompatibilitäts-Props.
• Gibt Änderungen mit dem ausgewählten Wert oder null aus.
• Gibt gespeicherte Ereignisse aus, wenn eine dynamische Komponente ein neues Element erstellt.

Unterstützung für dynamische Komponenten

Wenn field.component angegeben ist, zeigt die Komponente einen Hinzufügen-Button an. Durch Klicken wird die benannte Komponente aus nsExtraComponents oder nsComponents in einem Popup geöffnet und es werden das aktuelle field sowie field.props übergeben.

Abhängiges Aktualisieren

Wenn field.subject und field.refresh angegeben sind, kann die Komponente ihre Optionen aktualisieren, nachdem sich ein anderes Feld geändert hat. Das überwachte Feld wird über field.refresh.watch konfiguriert, und die neuen Optionen werden von field.refresh.url abgerufen.

const field = {
    name: 'customer_id',
    label: 'Customer',
    type: 'search-select',
    value: null,
    options: [{ label: 'John Doe', value: 1 }],
    component: 'ns-customer-popup',
    props: {},
    errors: []
};

<ns-search-select :field="field" @change="handleCustomerChange" @saved="reloadCustomers" />