filtering.html

<div class="control-section">
    <div class='control-wrapper'>
        <div style='padding-top:75px;'>
            <input type="text" tabindex="1" id='country' />
        </div>
    </div>
</div>

<div id="action-description">
    <p>This sample demonstrates the filtering functionalities of the ComboBox. Type a character in ComboBox
        element and choose an item from the filtered list based on the typed characters.</p>
</div>
    
<div id="description">
    <p>The ComboBox has built-in support to filter the data source when <code>allowFiltering</code> is enabled. It performs
        when characters are typed in the search box. In <code>filtering</code> event, you can filter down the data source and
        return the resulted data to ComboBox via <code>updateData</code> method to display its list items.</p>
    <p>This sample illustrates that, query the data source and pass the resulted data to ComboBox through the <code>updateData</code> method in <code>filtering</code> event.</p>
    <p> More information on the filtering feature configuration can be found in the
        <a href="http://ej2.syncfusion.com/documentation/combo-box/filtering.html" target="_blank"> documentation section</a>.
    </p>
</div>

<!-- custom code start -->
<style>
    .control-wrapper {
        margin: 0 auto;
        width: 250px;
    }
</style>
<!-- custom code end-->