Skip to content

FilterFieldForm

Overview

Renders and controls the filter form for a single filterable field. It hosts the per-field form state (initial values seeded from the URL query, validation, and lazy choice fetching) and applies or removes the field's entry in the shared active-filter list. It is mounted on demand inside the FilterMenu drill-in (to add a filter) and inside a FilterChip edit popover (to edit one). The surrounding popover owns visibility; this component owns the form body and the apply/remove mutations.

Theme entry: FilterFieldForm

Props

NameTypeRequiredDefaultDescription
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
filterNamestringyesField name this form filters on.
filterDetailsobjectyesFilter configuration for this field (label, typeFilter, choices, lookupExprs, suffixes).
queryobject{}Current URL query object, used to seed the field value when editing an active filter.
openbooleantrueWhen true, the form is visible; gates lazy choice fetching for choice fields.
showRemovebooleanfalseWhen true, renders a Remove control beside Apply (used by the chip edit popover).
erroredbooleanfalseWhen true, renders the field in an error state.

Slots

slotName

Scoped slot.

Bindings

NameDescription
name

Events

applied

removed

hide-filter-form

Source

client/lib/form/filter/FilterFieldForm.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2