<div class="header-panel member">
<h2><span class="identifier">WjFlexGridFilter</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>AngularJS directive for the <a href="topic/wijmo.grid.filter.FlexGridFilter.Class.html"><span class="identifier">FlexGridFilter</span></a> object.</p>
<p>The <b>wj-flex-grid-filter</b> directive must be contained in a <a href="topic/wijmo.angular.WjFlexGrid.Class.html"><span class="identifier">WjFlexGrid</span></a> directive. For example:</p>


<pre>&lt;p&gt;Here is a FlexGrid control with column filters:&lt;/p&gt;
&lt;wj-flex-grid items-source="data"&gt;
  &lt;wj-flex-grid-filter filter-columns="['country', 'expenses']"&gt;&lt;/wj-flex-grid-filter&gt;
&nbsp;
  &lt;wj-flex-grid-column 
    header="Country" 
    binding="country"&gt;
  &lt;/wj-flex-grid-column&gt;
  &lt;wj-flex-grid-column 
    header="Sales" 
    binding="sales"&gt;
  &lt;/wj-flex-grid-column&gt;
  &lt;wj-flex-grid-column 
    header="Expenses" 
    binding="expenses"&gt;
  &lt;/wj-flex-grid-column&gt;
  &lt;wj-flex-grid-column 
    header="Downloads" 
    binding="downloads"&gt;
  &lt;/wj-flex-grid-column&gt;
 &lt;/wj-flex-grid&gt;</pre>
<p>The <b>wj-flex-grid-filter</b> directive supports the following attributes:</p>
<p><dl class="dl-horizontal">
  <dt>filter-columns</dt>    <dd><code>=</code> An array containing the names or bindings of the columns
                             to filter.</dd>
  <dt>show-filter-icons</dt> <dd><code>@</code>  The value indicating whether filter editing buttons 
                             appear in the grid's column headers.</dd>
  <dt>filter-changing</dt>   <dd><code>&</code> Handler for the <a href="topic/wijmo.grid.filter.FlexGridFilter.Class.html/#filterChanging"><span class="identifier">filterChanging</span></a> event.</dd>
  <dt>filter-changed</dt>    <dd><code>&</code> Handler for the <a href="topic/wijmo.grid.filter.FlexGridFilter.Class.html/#filterChanged"><span class="identifier">filterChanged</span></a> event.</dd>
  <dt>filter-applied</dt>    <dd><code>&</code> Handler for the <a href="topic/wijmo.grid.filter.FlexGridFilter.Class.html/#filterApplied"><span class="identifier">filterApplied</span></a> event.</dd>
</dl></p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
