Progress Telerik UI for ASP.NET Core
ASP.NET Core MultiSelect
- Provide suggestions based on users typed text and let them select multiple value entries with the ASP.NET Core MultiSelect component.
- This control is part of the Telerik UI for ASP.NET Core suite along with 100+ 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 Telerik UI for ASP.NET Core MultiSelect component allows users to select multiple items from a dropdown list. It supports both local and remote data binding, client and server filtering, virtualization for performance enhancement, tag mode and it is easily customizable through templates.
Check out the Telerik UI for ASP.NET Core MultiSelect demo
-
Data Binding
The MultiSelect component provides various options for data binding, you can choose whichever fits your use case scenario:
- Ajax binding
- Server binding
- Custom data binding
- Model binding
-
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.
-
Grouping
The Telerik UI for ASP.NET Core MultiSelect component has a built-in grouping feature meant to contribute to an ultimate user experience by dividing the list items in different categories and making it easier to browse.
See more about the ASP.NET Core MultiSelect Grouping feature
-
Tag Mode
The ASP.NET Core MultiSelect component comes with two tag modes – single and multiple. The single mode displays one tag counting the number of items selected, and the multiple mode shows all selected items as tags in the textbox of the component. In the second mode users can see more clearly their selection and remove any unwanted items with one click. -
MultiSelect Virtualization
The Telerik UI for ASP.NET Core MultiSelect also supports virtualization of data which displays a fixed set of items defined by the user and renders the rest of the content within the same items size frame when the list is scrolled. To enable it, create Read and Value Mapper actions and set the desired number of items to be rendered as shown in the demo. The virtualization feature is useful for performance optimization when handling a large amount of data. -
MultiSelect Templates
The MultiSelect component is highly customizable, so it can be implemented in any project. You can customize its items, tags or enable a pop-up header to tailor it to your needs. For example, you can list different products, including both an image and product description, or you can use it to list all customers with photos and contact information as in this demo.
-
Events
The MultiSelect component exposes a set of OnClick events, some of which include Open, Close, Change, Select and more.
-
HTML and Tag Helpers
Telerik UI for ASP.NET Core offers two options for declaring UI components – through HTML or Tag Helpers. You can choose which approach to use for the MultiSelect component based on preference, technology background or team development practice. Both HTML and Tag helpers allow you to lay out the components and their configuration with a simple and easy-to-read HTML-like syntax.
-
RTL Support
The Telerik UI for ASP.NET Core MultiSelect supports RTL users, and it can be easily adapted by changing the alignment from left-to-right and right-to-left with only a few settings.
-
Keyboard Navigation
Out-of-the-box keyboard navigation is supported by the ASP.NET Core MultiSelect component. It allows users to open and close the popup and select their desired items. To see a full list of keyboard controls and user actions visit this demo.
-
MultiSelect Theming
The ASP.NET Core MultiSelect is one of the many components in the suite that have 20+ built-in themes and swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS to match your customer’s design requirements, or you create new themes by using the Progress 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.