HxFilterForm

Edit form derived from HxModelEditForm with support for chip generators.

Used in HxListLayout #

See HxListLayout demo with its filter and chips to see the real usage of the HxFilterForm.

Standalone demo #

Filter

Values

Values in filter

  • Text1: initial value
  • Text2:
  • Number1: 5

Values in model

  • Text1: initial value
  • Text2:
  • Text3: 5

Chips

Value

API

Parameters

Name Type Description
ChildContent RenderFragment<TModel> Content of the component.
Id string Form element id.
Model TModel Model.
ModelChanged EventCallback<TModel> Model event callback. Invoked when valid form is updated.
OnChipsUpdated EventCallback<ChipItem[]>

Methods

Method Returns Description
RemoveChipAsync(ChipItem chipToRemove) Task Tries to remove chip. Execution is postponed to OnAfterRender, so this method cannot have a return value.
UpdateModelAsync() Task
An unhandled error has occurred. Reload 🗙