Class CriteriaFilterTileComponent

Criteria Filter Tile Component

Example

    <csdk-criteria-filter-tile
      [title]="criteriaFilterTileProps.title"
      [filter]="criteriaFilterTileProps.filter"
      (filterChange)="criteriaFilterTileProps.setFilter($event)"
    />

import { Component } from '@angular/core';
import { Filter, filterFactory } from '@sisense/sdk-data';
import * as DM from '../../assets/sample-healthcare-model';

@Component({
  selector: 'app-filters',
  templateUrl: './filters.component.html',
  styleUrls: ['./filters.component.scss'],
})
export class FiltersComponent {
  DM = DM;
  title: 'Room Number',
  filter: filterFactory.lessThan(DM.Rooms.Room_number, 200) ,
  setFilter({ filter }: { filter: Filter | null }) {
    console.log(filter);
    if (filter) {
      this.filter = filter ;
    }
  },
}

Implements

• AfterViewInit
• OnChanges
• OnDestroy

Constructors

constructor

new CriteriaFilterTileComponent(sisenseContextService, themeService): CriteriaFilterTileComponent

Constructor for the CriteriaFilterTileComponent.

Parameters

Returns

CriteriaFilterTileComponent

Properties

Constructor

sisenseContextService

sisenseContextService: SisenseContextService

Sisense context service

themeService

themeService: ThemeService

Theme service

Other

arrangement

arrangement: FilterVariant | undefined

Arrangement of the filter inputs. Use vertical for standard filter tiles and horizontal for toolbars

filter

filter: Filter

Text or numeric filter object to initialize filter type and default values

filterChange

filterChange: EventEmitter< ArgumentsAsObject< (filter) => void, ["filter"] > >

Callback returning updated filter object

measures

measures: Measure[] | undefined

List of available measures to rank by. Required only for ranking filters.

title

title: string

Title for the filter tile, which is rendered into the header