TxLookup · Vue · tecexpress

Suchbare Einzelwahl mit nachladbarer Datenquelle.

Prop	Typ	Standard	Bedeutung
`items`	`TxEntry[] \| undefined`	`[]`	Einträge; bei Datenbindung durch dataSource ersetzt.
`dataSource`	`TxSource<TxEntry> \| undefined`	`undefined`	Liste, Konfiguration oder DataSource-Instanz; hat Vorrang vor items.
`disabled`	`boolean \| undefined`	`false`	Sperrt die Interaktion.
`label`	`string \| undefined`	`undefined`	Beschriftung beziehungsweise zugänglicher Name.
`modelValue`	`any`	`undefined`	Kontrollierter Wert für v-model.
`placeholder`	`string \| undefined`	`Auswählen …`	Hinweis bei leerer Eingabe.
`searchEnabled`	`boolean \| undefined`	`true`	Aktiviert die Suche.
`acceptCustomValue`	`boolean \| undefined`	`false`	Erlaubt eigene Einträge.
`showSelectionControls`	`boolean \| undefined`	`false`	Zeigt Mehrfachauswahl-/Alle-Steuerelemente.
`showClearButton`	`boolean \| undefined`	`true`	Zeigt die Aktion zum Leeren.
`maxDisplayedTags`	`number \| undefined`	`4`	Maximal sichtbare Tags vor der Zusammenfassung.
`applyValueMode`	`string \| undefined`	`instantly`	Übernahme sofort oder über Bestätigung.

Ereignisse

Event	Payload / Verhalten
update:modelValue	Neuer Wert von modelValue; über v-model:modelValue übernehmen (modelValue: v-model).
valueChanged	Neuer Wert in { value }; Editoren liefern zusätzlich previousValue und event.
customItemCreating	Eigener Text in { text }; eigenen Eintrag über die Anwendung ergänzen.

Slots

Slot	Argumente
item	{ item }

vue

<script setup lang="ts">
import { ref } from 'vue'
import { TxLookup } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'
const choice = ref(1)
</script>

<template>
  <TxLookup v-model="choice" :items="[{ value: 1, text: 'One' }]" />
</template>

TxLookup.