<h1>
    Filtering Hierarchical Data
</h1>
<p>
    The CollectionView class supports filtering only for items
    that are direct children of the collection. In most of the cases,
    it does not work well for hierarchical data.
</p>
<p>
    Filtering hierarchical data is not a trivial exercise because
    when a child element is visible, all its ancestors should
    also be visible.
</p>
<p>
    The grid below shows how you can implement a simple hierarchical
    binding method that will show cities that match the filter and
    states that match the filter or contain cities that do.
    For example, try typing 'San' in the filter box below:
</p>
<div class="input-group">
    <div class="input-group-addon"><span class="glyphicon glyphicon-search"></span></div>
    <input id="filter" class="form-control" placeholder="Filter">
</div>
@Html.C1().FlexGrid().Id("theGrid").HeadersVisibility(C1.Web.Mvc.Grid.HeadersVisibility.Column).Height(250)

<p>
    For more details on hierarchical filtering, please see our
    <a href="http://wijmo.com/blog/filter-hierarchical-data-flexgrid/" target="_blank">How to Filter Hierarchical Data in FlexGrid and Angular</a>
    blog.
</p>