AngularJS directive for the FlexGridFilter object.

The wj-flex-grid-filter directive must be contained in a WjFlexGrid directive. For example:

<p>Here is a FlexGrid control with column filters:</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>

The wj-flex-grid-filter directive supports the following attributes:

filter-columns

= An array containing the names or bindings of the columns to filter.

show-filter-icons

@ The value indicating whether filter editing buttons appear in the grid's column headers.

filter-changing

& Handler for the filterChanging event.

filter-changed

& Handler for the filterChanged event.

filter-applied

& Handler for the filterApplied event.