@model IEnumerable<Gdp>

<h1>
    Custom Search
</h1>

<p>
    The first AutoComplete controls below uses the default
    search algorithm. The second uses the <b>itemsSourceFunction</b>
    property to customize the search algorithm.
    Instead of looking for items that <b>contain</b> the user input,
    it looks for items that <b>start</b> with it (like the ComboBox):
</p>
<p>
    Compare the two by typing a string such as "no" or "un".
</p>

<label for="theAutoComplete">Default:</label>
@(Html.C1().AutoComplete<Gdp>().Id("theAutoComplete").Bind(Model).DisplayMemberPath("Country"))
<br>
<label for="theAutoCompleteCustom">Custom:</label>
@(Html.C1().AutoComplete().Id("theAutoCompleteCustom").DisplayMemberPath("Country"))
@(Html.C1().CollectionViewService<Gdp>().Id("theCollectionView").Bind(Model))