HxListLayout

Data presentation component composed of HxGrid for data, HxOffcanvas for manual filtering and HxNamedViewList for pre-defined filters.

Basic example #

Culture infos
LCIDDisplayNameNameEnglishName
Edit:

Title template #

Culture infos 830
LCIDDisplayNameNameEnglishName
Edit:
Culture infos
LCIDDisplayNameNameEnglishName
Edit:

Named views #

Filter
LCIDDisplayNameNameEnglishName
Edit:

API

Parameters

Name Type Description
CardSettings CardSettings Settings for the wrapping HxCard.
CommandsTemplate RenderFragment
DataTemplate RenderFragment
DetailTemplate RenderFragment
FilterModel TModel
FilterModelChanged EventCallback<TModel>
FilterOffcanvasSettings OffcanvasSettings Settings for the HxOffcanvas with the filter.
FilterOpenButtonSettings ButtonSettings Settings for the HxButton opening filtering offcanvas.
FilterSubmitButtonSettings ButtonSettings Settings for the HxButton submitting the filter.
FilterTemplate RenderFragment<TModel>
NamedViewsTemplate RenderFragment
SearchTemplate RenderFragment
Title string
TitleTemplate RenderFragment

Static properties

Property Type Description
Defaults ListLayoutSettings Application-wide defaults for HxListLayout and derived components.

CSS Variables

Name Description Default
--hx-list-layout-table-font-size Table font size. .875rem
An unhandled error has occurred. Reload 🗙