c-list-filters

A component that provides an interface for modifying the filters prop of a ListViewModel's parameters. When columnSelection is enabled, also provides column visibility controls.

Example Usage

Filters Only

<c-list-filters :list="list" />

Filters with Column Selection

<c-list-filters 
  :list="list" 
  v-model:selected-columns="selectedColumns"
  column-selection
/>

Props

list: ListViewModel

The ListViewModel whose filters will be editable.

columnSelection?: boolean

When true, enables column selection functionality. The component will show checkboxes next to each property name to control column visibility, and the button text and icon will change to indicate "Columns & Filters" mode.

Model Values

v-model:selectedColumns?: string[] | null

When columnSelection is enabled, this model value controls which columns are currently selected for display.

• null indicates default columns should be used
• An array of property names indicates the specific columns that should be visible