Progress Telerik UI for ASP.NET Core
ASP.NET Core AutoComplete
- Flexible and intuitive ASP.NET Core AutoComplete component for input-based suggestions. Offers single selection, client and server filtering, grouping and keyboard navigation.
- This control is part of the Telerik UI for ASP.NET Core suite along with 110+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
- Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.
-
Overview
The ASP.NET Core AutoComplete component is a textbox that provides suggestions based on the text typed by the user. The full-featured UI component can be bound to data and comes with multiple built-in features, such as server or client filtering, grouping and keyboard navigation. It can be customized by using templates and you change its appearance by applying one of the 20+ available themes.
See the ASP.NET Core AutoComplete demo
-
Data Binding
There are several ways to bind the AutoComplete component to data:
- AJAX binding
- Server binding
- Custom data binding
- Model binding - Local data or Remote data
-
Events
The ASP.NET Core AutoComplete component exposes a variety of events OnSearch. Some of the available events include open, close, filter, change, group and others. For a full list of the supported events, visit the component documentation.
-
Grouping
To let users easily navigate through long lists of options, the AutoComplete component comes with built-in grouping functionality. It can be enabled through the GroupField parameter.
See the ASP.NET Core AutoComplete Grouping demo
-
AutoComplete Virtualization
The component supports virtualization, which comes in handy with large datasets. The AutoComplete renders a fixed number of items at first and, when scrolled, takes the rest of the items and displays them in the same format.
-
Templates
The AutoComplete component and the rendering of its items can be easily customized by using one of the following templating options:
- Item Template manages the way the list items of the component are rendered; thus, lets you customize their appearance.
- Header Template lets you customize the popup header.
- Footer Template manages the way the popup is rendered. The footer is re-rendered on every change of the Data Source.
-
Server and Client Filtering
Leverage the various modes of filtering, both on the server and client-side of your Core application. These filter modes can include starts with or contains, and can customize how and when the results are displayed.
-
Razor Pages
The AutoComplete is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository. -
HTML and Tag Helpers
Telerik UI for ASP.NET Core provides two ways for you to declare UI components—by using HTML or Tag helpers. You can choose either of these approaches to help you implement the AutoComplete component in your project.
-
RTL Support
The Telerik UI for ASP.NET Core AutoComplete component supports right-to-left configuration. The RTL functionality is supported my most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.
-
Accessibility
The ASP.NET Core AutoComplete component is compliant with Section 508 and WCAG guidelines, thus it can satisfy the needs of all users.
-
Keyboard Navigation
The AutoComplete is one of the many components in the Telerik UI for ASP.NET Core suite with keyboard navigation support. You can use the up and down arrows to highlight the previous or next item in the list, press enter to select the highlighted item or use page up/page down to scroll further through the list.
See the ASP.NET Core AutoComplete Keyboard Navigation demo
-
Theming
The AutoComplete component has 20+ built-in themes from which you can choose. If neither fits your needs, you can easily customize any out-of-the-box theme with a few lines of CSS or you create new themes using the Telerik SASS ThemeBuilder application.
Next Steps
See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.
Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.
Try Telerik UI for ASP.NET Core with dedicated technical support.