@model IEnumerable<Gdp>

<h1>
    AutoComplete delay, minLength, and maxItems
</h1>

<p>
    By default, the AutoComplete control starts searching
    for matches 500ms after the user types at least two
    characters into the control, and stops searching after
    finding six matches.
</p>
<p>
    You can change these defaults by changing the values
    of the <b>delay</b>, <b>minLength</b>, and
    <b>maxItems</b> properties:
</p>

<div class="demo-settings">
    <label for="theDelay">delay:</label>
    @Html.C1().InputNumber().Id("theDelay").Min(0).Max(1500).Step(100)
    <br>
    <label for="theMinLength">minLength:</label>
    @Html.C1().InputNumber().Id("theMinLength").Min(1).Max(100).Step(1)
    <br>
    <label for="theMaxItems">maxItems:</label>
    @Html.C1().InputNumber().Id("theMaxItems").Min(1).Max(12).Step(1)
</div>

<label for="theAutoComplete">AutoComplete:</label>
@(Html.C1().AutoComplete<Gdp>().Id("theAutoComplete").Bind(Model).DisplayMemberPath("Country").SearchMemberPath("Country,Continent"))