wj-flex-grid-filter ディレクティブは、 wijmo.angular.grid.WjFlexGrid ディレクティブに含まれる必要があります。

<p>列フィルタを含むFlexGridコントロールの例</p>
<wj-flex-grid items-source="data">
  <wj-flex-grid-filter filter-columns="['country', 'expenses']"></wj-flex-grid-filter>
 
  <wj-flex-grid-column
    header="Country"
    binding="country">
  </wj-flex-grid-column>
  <wj-flex-grid-column
    header="Sales"
    binding="sales">
  </wj-flex-grid-column>
  <wj-flex-grid-column
    header="Expenses"
    binding="expenses">
  </wj-flex-grid-column>
  <wj-flex-grid-column
    header="Downloads"
    binding="downloads">
  </wj-flex-grid-column>
 </wj-flex-grid>

wj-flex-grid-filter は次の属性をサポートします。

filter-columns

= フィルタ処理する列の名前または連結を含む配列。

show-filter-icons

@ フィルタ編集ボタンをグリッドの列ヘッダーに 表示するかどうかを示す値。

filter-changing

&FlexGridFilter.filterChanging イベントのハンドラ。

filter-changed

&FlexGridFilter.filterChanged イベントのハンドラ。

filter-applied

&FlexGridFilter.filterApplied イベントのハンドラ。