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<> Content of the component.
Id string Form element id.
Model TModel Model.
ModelChanged EventCallback<> 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 🗙