# C1.Blazor.Input.C1AutoComplete-1

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Input_C1AutoComplete_1" data-uid="C1.Blazor.Input.C1AutoComplete`1" class="text-break">C1AutoComplete&lt;T&gt; Class
</h1>
  <div class="markdown level0 summary"><p>The auto-complete control is an editable input control that shows completion suggestions automatically while the user is typing. The list of suggestions is displayed in a drop down menu.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.componentbase">ComponentBase</a></div>
    <div class="level2"><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.C1View.html">C1View</a></div>
    <div class="level3"><a class="xref" href="C1.Blazor.Input.C1DropDown.html">C1DropDown</a></div>
    <div class="level4"><a class="xref" href="C1.Blazor.Input.C1ComboBox-1.html">C1ComboBox</a>&lt;T&gt;</div>
    <div class="level5"><span class="xref">C1AutoComplete&lt;T&gt;</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.icomponent">IComponent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleafterrender">IHandleAfterRender</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleevent">IHandleEvent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.idisposable">IDisposable</a></div>
    <div><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.IDependencyObject.html">IDependencyObject</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.Input.html">C1.Blazor.Input</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.Input.dll</h6>
  <h5 id="C1_Blazor_Input_C1AutoComplete_1_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1AutoComplete&lt;T&gt; : C1ComboBox&lt;T&gt;, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1AutoComplete(Of T)
    Inherits C1ComboBox(Of T)
    Implements IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <h5 class="typeParameters">Type Parameters</h5>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><span class="parametername">T</span></td>
        <td></td>
      </tr>
    </tbody>
  </table>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1__ctor" data-uid="C1.Blazor.Input.C1AutoComplete`1.#ctor">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.-ctor.html#C1_Blazor_Input_C1AutoComplete_1__ctor">C1AutoComplete()</a>
        </td>
        <td class="markdown level1 summary"><p>Initializes a new instance of the <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.html">C1AutoComplete&lt;T&gt;</a> class.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="fields">Fields
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_AutoCompleteModeProperty" data-uid="C1.Blazor.Input.C1AutoComplete`1.AutoCompleteModeProperty">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.AutoCompleteModeProperty.html">AutoCompleteModeProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.AutoCompleteMode.html#C1_Blazor_Input_C1AutoComplete_1_AutoCompleteMode">AutoCompleteMode</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_HighlightStyleProperty" data-uid="C1.Blazor.Input.C1AutoComplete`1.HighlightStyleProperty">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.HighlightStyleProperty.html">HighlightStyleProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.HighlightStyle.html#C1_Blazor_Input_C1AutoComplete_1_HighlightStyle">HighlightStyle</a> dependency property.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_MinLengthProperty" data-uid="C1.Blazor.Input.C1AutoComplete`1.MinLengthProperty">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.MinLengthProperty.html">MinLengthProperty</a>
        </td>
        <td class="markdown level1 summary"><p>Identifies the <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.MinLength.html#C1_Blazor_Input_C1AutoComplete_1_MinLength">MinLength</a> dependency property.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_AutoCompleteMode" data-uid="C1.Blazor.Input.C1AutoComplete`1.AutoCompleteMode">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.AutoCompleteMode.html#C1_Blazor_Input_C1AutoComplete_1_AutoCompleteMode">AutoCompleteMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the mode that the DropDown uses to display the DropDownView.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_FilterString" data-uid="C1.Blazor.Input.C1AutoComplete`1.FilterString">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.FilterString.html#C1_Blazor_Input_C1AutoComplete_1_FilterString">FilterString</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the filter string used to show auto-complete suggestions.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_Filtering" data-uid="C1.Blazor.Input.C1AutoComplete`1.Filtering">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.Filtering.html#C1_Blazor_Input_C1AutoComplete_1_Filtering">Filtering</a>
        </td>
        <td class="markdown level1 summary"><p>Event raised when the control is about to apply a filter to the list of items.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_HighlightStyle" data-uid="C1.Blazor.Input.C1AutoComplete`1.HighlightStyle">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.HighlightStyle.html#C1_Blazor_Input_C1AutoComplete_1_HighlightStyle">HighlightStyle</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the matched text highlight style.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_MinLength" data-uid="C1.Blazor.Input.C1AutoComplete`1.MinLength">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.MinLength.html#C1_Blazor_Input_C1AutoComplete_1_MinLength">MinLength</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the minimum input length to trigger auto-complete suggestions.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_Dispose_System_Boolean_" data-uid="C1.Blazor.Input.C1AutoComplete`1.Dispose(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.Dispose.html#C1_Blazor_Input_C1AutoComplete_1_Dispose_System_Boolean_">Dispose(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.Input.C1AutoComplete`1.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.OnAfterRender.html#C1_Blazor_Input_C1AutoComplete_1_OnAfterRender_System_Boolean_">OnAfterRender(bool)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_OnFiltering_C1_Blazor_Input_AutoCompleteFilteringEventArgs_" data-uid="C1.Blazor.Input.C1AutoComplete`1.OnFiltering(C1.Blazor.Input.AutoCompleteFilteringEventArgs)">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.OnFiltering.html#C1_Blazor_Input_C1AutoComplete_1_OnFiltering_C1_Blazor_Input_AutoCompleteFilteringEventArgs_">OnFiltering(AutoCompleteFilteringEventArgs)</a>
        </td>
        <td class="markdown level1 summary"><p>Handle Filtering event.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_C1AutoComplete_1_OnIsDropDownOpenChanged" data-uid="C1.Blazor.Input.C1AutoComplete`1.OnIsDropDownOpenChanged">
          <a class="xref" href="C1.Blazor.Input.C1AutoComplete-1.OnIsDropDownOpenChanged.html#C1_Blazor_Input_C1AutoComplete_1_OnIsDropDownOpenChanged">OnIsDropDownOpenChanged()</a>
        </td>
        <td class="markdown level1 summary"><p>Called when <a class="xref" href="C1.Blazor.Input.C1DropDown.IsDropDownOpen.html#C1_Blazor_Input_C1DropDown_IsDropDownOpen">IsDropDownOpen</a> changed.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>
