skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop

    Web

    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX

    Mobile

    UI for .NET MAUI UI for Xamarin

    Document Management

    Telerik Document Processing

    Desktop

    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF

    Reporting

    Telerik Reporting Telerik Report Server

    Testing & Mocking

    Test Studio Test Studio Dev Edition Telerik JustMock

    CMS

    Sitefinity

    UI/UX Tools

    ThemeBuilder Design System Kit Templates and Building Blocks

    Debugging

    Fiddler Fiddler Everywhere Fiddler Classic FiddlerCap FiddlerCore

    Free Tools

    VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
  • Blazor Hybrid
    • What's New
    • Roadmap
    • Release History
  • Support and Learning

    • Support and Learning Hub
    • Blazor Tutorials and Learning
    • First Stepswith Blazor Web Assembly
    • First Steps with Blazor Server
    • First Steps with Blazor Hybrid
    • Accessibility and Security
    • Submit a Ticket
    • FAQs

    Docs & Resources

    • Docs
    • Demos
    • Modernization and Migration
    • Virtual Classroom
    • Forums
    • Videos
    • Blogs

    Productivity and Design Tools

    • REPL for Blazor
    • ThemeBuilder
    • Design System Documentation
    • Figma Kits
    • Visual Studio Extensions
    • Visual Studio Code Extensions
    • Embedded Reporting
  • Pricing
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class TelerikMultiSelect<TItem, TValue>

The class for the Telerik MultiSelect component.

Inheritance
System.Object
BaseComponent
DataBoundComponent<TItem>
TelerikSelectBase<TItem, System.Collections.Generic.List<TValue>>
TelerikMultiSelect<TItem, TValue>
Inherited Members
TelerikSelectBase<TItem, List<TValue>>.OnParametersSetAsync()
TelerikSelectBase<TItem, List<TValue>>.OnInitializedAsync()
TelerikSelectBase<TItem, List<TValue>>.Dispose()
TelerikSelectBase<TItem, List<TValue>>.FocusAsync()
TelerikSelectBase<TItem, List<TValue>>.Open()
TelerikSelectBase<TItem, List<TValue>>.Close()
TelerikSelectBase<TItem, List<TValue>>.Refresh()
TelerikSelectBase<TItem, List<TValue>>.IPopupContainer.AddPopupSettings(DropdownPopupSettings)
TelerikSelectBase<TItem, List<TValue>>.IPopupContainer.RemovePopupSettings(DropdownPopupSettings)
TelerikSelectBase<TItem, List<TValue>>.DebounceChangeValue(String)
TelerikSelectBase<TItem, List<TValue>>.CascadedEditContext
TelerikSelectBase<TItem, List<TValue>>.FloatingLabel
TelerikSelectBase<TItem, List<TValue>>.Id
TelerikSelectBase<TItem, List<TValue>>.ValueField
TelerikSelectBase<TItem, List<TValue>>.TextField
TelerikSelectBase<TItem, List<TValue>>.GroupField
TelerikSelectBase<TItem, List<TValue>>.HeaderTemplate
TelerikSelectBase<TItem, List<TValue>>.FooterTemplate
TelerikSelectBase<TItem, List<TValue>>.NoDataTemplate
TelerikSelectBase<TItem, List<TValue>>.Width
TelerikSelectBase<TItem, List<TValue>>.Filterable
TelerikSelectBase<TItem, List<TValue>>.Title
TelerikSelectBase<TItem, List<TValue>>.Subtitle
TelerikSelectBase<TItem, List<TValue>>.AriaLabel
TelerikSelectBase<TItem, List<TValue>>.AriaLabelledBy
TelerikSelectBase<TItem, List<TValue>>.AriaDescribedBy
TelerikSelectBase<TItem, List<TValue>>.ReadOnly
TelerikSelectBase<TItem, List<TValue>>.ScrollMode
TelerikSelectBase<TItem, List<TValue>>.ItemHeight
TelerikSelectBase<TItem, List<TValue>>.PageSize
TelerikSelectBase<TItem, List<TValue>>.Enabled
TelerikSelectBase<TItem, List<TValue>>.ValueExpression
TelerikSelectBase<TItem, List<TValue>>.ValueChanged
TelerikSelectBase<TItem, List<TValue>>.Value
TelerikSelectBase<TItem, List<TValue>>.TabIndex
TelerikSelectBase<TItem, List<TValue>>.AdaptiveMode
TelerikSelectBase<TItem, List<TValue>>.OnChange
TelerikSelectBase<TItem, List<TValue>>.OnBlur
TelerikSelectBase<TItem, List<TValue>>.FillMode
TelerikSelectBase<TItem, List<TValue>>.Rounded
TelerikSelectBase<TItem, List<TValue>>.Size
TelerikSelectBase<TItem, List<TValue>>.ProcessingData
DataBoundComponent<TItem>.SetParametersAsync(ParameterView)
DataBoundComponent<TItem>.Dispose()
DataBoundComponent<TItem>.Rebind()
DataBoundComponent<TItem>.Data
BaseComponent.ShouldRender()
BaseComponent.OnInitializedAsync()
BaseComponent.InitLocalizer()
BaseComponent.ThrowIfParameterIsNull(Object, String)
BaseComponent.HaveOptionsChanged(IDictionary<String, Object>, IDictionary<String, Object>)
BaseComponent.GetClassString(String[])
BaseComponent.InvokeAsync<T>(String, Object[])
BaseComponent.InvokeAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidAsync(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidComponentMethodAsync(String, Object[])
BaseComponent.InvokeComponentVoidMethodAsync(String, Object)
BaseComponent.InvokeDisposeAsync()
BaseComponent.StateHasChanged()
BaseComponent.RootComponent
BaseComponent.Class
Namespace: Telerik.Blazor.Components
Assembly: Telerik.Blazor.dll

Syntax

public class TelerikMultiSelect<TItem, TValue> : TelerikSelectBase<TItem, List<TValue>>, IDisposable, IPopupContainer, ILabelableInput
Type Parameters
TItem

TValue

Constructors

TelerikMultiSelect()

Declaration
public TelerikMultiSelect()

Properties

AriaDescribedBy

Defines the aria-describedby attribute for the component. The default value of the attribute points to the selected tag list. By defining the aria-describedby, you are responsible for building the relationship between the input multiselect and the taglist.

Declaration
public override string AriaDescribedBy { get; set; }
Property Value
System.String

Overrides
Telerik.Blazor.Components.Common.TelerikSelectBase<TItem, System.Collections.Generic.List<TValue>>.AriaDescribedBy

AutoClose

Controls whether to close the component suggestion list on item selection.

Declaration
public bool AutoClose { get; set; }
Property Value
System.Boolean

DebounceDelay

Time in ms between the last typed symbol and the firing of the internal oninput event. Default is 150ms.

Declaration
public int DebounceDelay { get; set; }
Property Value
System.Int32

FilterOperator

Defines the filter operator. Default value is StringFilterOperator.StartsWith.

Declaration
public StringFilterOperator FilterOperator { get; set; }
Property Value
StringFilterOperator

ItemTemplate

Defines the item template of the list items.

Declaration
public RenderFragment<TItem> ItemTemplate { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment<TItem>

LoaderShowDelay

The delay after which the loader in the suggestion list will be displayed.

Declaration
public int LoaderShowDelay { get; set; }
Property Value
System.Int32

MaxAllowedTags

Controls the number of selected items that will be displayed independently. Items selected beyond this number will appear in the SummaryTag.

Declaration
public Nullable<int> MaxAllowedTags { get; set; }
Property Value
System.Nullable<System.Int32>

MinLength

Defines minimum number of characters in the input before suggestions are displayed. Default value is 0.

Declaration
public int MinLength { get; set; }
Property Value
System.Int32

MultiSelectPrefixTemplate

The content of the MultiSelect prefix.

Declaration
public RenderFragment MultiSelectPrefixTemplate { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

MultiSelectSettings

Defines a renderfragment that contains all settings for the autocomplete. MultiSelectPopupSettings.

Declaration
public RenderFragment MultiSelectSettings { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

MultiSelectSuffixTemplate

The content of the MultiSelect suffix.

Declaration
public RenderFragment MultiSelectSuffixTemplate { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

OnClose

Defines the OnClose Event which is fired before the suggestion list of the AutoComplete is closed.

Declaration
public EventCallback<MultiSelectCloseEventArgs> OnClose { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<MultiSelectCloseEventArgs>

OnItemRender

Fires each time an item in dropdown renders. Use the event to add a custom CSS class to each dropdown item based on its value.

Declaration
public Action<MultiSelectItemRenderEventArgs<TItem>> OnItemRender { get; set; }
Property Value
System.Action<MultiSelectItemRenderEventArgs<TItem>>

OnOpen

Defines the OnOpen Event which is fired before the suggestion list of the AutoComplete is opened.

Declaration
public EventCallback<MultiSelectOpenEventArgs> OnOpen { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<MultiSelectOpenEventArgs>

OnRead

Fires when the data source is read. Use this to attach your own filtering logic. Once attached, you must implement all such data source operations here, the Component will no longer perform them for you.

Declaration
public EventCallback<MultiSelectReadEventArgs> OnRead { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<MultiSelectReadEventArgs>

PersistFilterOnSelect

Defines whether the filter value will be preserved when selecting. Applicable when filtering is enabled and AutoClose is set to false.

Declaration
public bool PersistFilterOnSelect { get; set; }
Property Value
System.Boolean

Placeholder

The hint that is shown if no there is no value.

Declaration
public string Placeholder { get; set; }
Property Value
System.String

ShowArrowButton

Defines whether to render an arrow button for opening the MultiSelect.

Declaration
public bool ShowArrowButton { get; set; }
Property Value
System.Boolean

ShowClearButton

Defines whether to render a clear button in the MultiSelect. Clear Button is displayed on hover when the MultiSelect has value.

Declaration
public bool ShowClearButton { get; set; }
Property Value
System.Boolean

ShowPrefixSeparator

Defines whether the prefix separator should be shown. The default value is true.

Declaration
public bool ShowPrefixSeparator { get; set; }
Property Value
System.Boolean

ShowSuffixSeparator

Defines whether the suffix separator should be shown. The default value is true.

Declaration
public bool ShowSuffixSeparator { get; set; }
Property Value
System.Boolean

TagMode

Controls the tag mode of the component.

Declaration
public MultiSelectTagMode TagMode { get; set; }
Property Value
MultiSelectTagMode

TagTemplate

Defines the rendering of the selected items' tags(chips).

Declaration
public RenderFragment<TItem> TagTemplate { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment<TItem>

TextField

Defines the TextField of the Data. Default value: "Text".

Declaration
public override string TextField { get; set; }
Property Value
System.String

Overrides
Telerik.Blazor.Components.Common.TelerikSelectBase<TItem, System.Collections.Generic.List<TValue>>.TextField

ValueMapper

A callback function that returns an item that corresponds to the argument value. Used in VirtualScrollingn combined with OnRead to facilitate pre-selection of items that are not currently loaded.

Declaration
public Func<List<TValue>, Task<List<TItem>>> ValueMapper { get; set; }
Property Value
System.Func<System.Collections.Generic.List<TValue>, System.Threading.Tasks.Task<System.Collections.Generic.List<TItem>>>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

OnAfterRenderAsync(Boolean)

Declaration
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters
System.Boolean firstRender

Returns
System.Threading.Tasks.Task

Overrides
BaseComponent.OnAfterRenderAsync(Boolean)

OnParametersSetAsync()

Declaration
protected override Task OnParametersSetAsync()
Returns
System.Threading.Tasks.Task

Overrides
Telerik.Blazor.Components.Common.TelerikSelectBase<TItem, System.Collections.Generic.List<TValue>>.OnParametersSetAsync()
Getting Started
  • Client-side Blazor
  • Server-side Blazor
  • Demos
Community
  • Forums
  • Blogs
  • Feedback Portal
Support Resources
  • Demos
  • Knowledge Base
  • Samples Repo
  • Localizations Repo
Sample Applications
  • Dashboard
  • PWA - Stocks
  • PWA - Blazing Coffee Roasters

Copyright © 2019 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.