ASP.NET Core AutoComplete Setup

Shield UI AutoComplete for ASP.NET Core is a server-side wrapper component implemented as an ASP.NET Core MVC Helper.

For a detailed guide how to setup Shield UI for your ASP.NET Core project, check out this page.

The ASP.NET Core MVC helper API is a 1:1 mapping of the JavaScript AutoComplete widget configuration, so you only have to get familiar with a single set of configuration options:

// JavaScript Autocomplete demo
$("#autocomplete").shieldAutoComplete({
    dataSource: {
        data: fruits
    },
    minLength: 1
});

// ASP.NET Core Autocomplete demo
@(Html.ShieldAutoComplete()
    .Name("autocomplete")
    .HtmlAttribute("placeholder", "Select fruit...")
    .DataSource(ds => ds.Data(fruits))
    .MinLength(1)
)

To see the configuration options in action, please refer to our online demos.