New to Telerik UI for BlazorStart a free 30-day trial

A component that lets you pick values from a dropdown grid with multiple columns. Supports data binding and server-side loading via OnRead, configurable popup settings through MultiColumnComboBoxSettings, column definitions with MultiColumnComboBoxColumns, custom row rendering via RowTemplate, prefix/suffix content and separators, open/close events, and list sizing with ListHeight. When using virtualization, requires ListHeight and ItemHeight, and does not support grouping. Children: MultiColumnComboBoxColumns, MultiColumnComboBoxSettings, MultiColumnComboBoxPrefixTemplate, MultiColumnComboBoxSuffixTemplate.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Type Parameters:

TItem

TValue

Syntax:

C#
public class TelerikMultiColumnComboBox<TItem, TValue> : ComboBoxBase<TItem, TValue>, IComponent, IHandleEvent, IHandleAfterRender, IDisposable, IPopupContainer

Inheritance: objectComponentBaseBaseComponentDataBoundComponent<TItem>TelerikSelectBase<TItem, TValue>ComboBoxBase<TItem, TValue>TelerikMultiColumnComboBox<TItem, TValue>...

Implements: IComponentIDisposableIHandleAfterRenderIHandleEventIPopupContainer

Inherited Members ComboBoxBase<TItem, TValue>.OnParametersSetAsync()ComboBoxBase<TItem, TValue>.OnAfterRenderAsync(bool)ComboBoxBase<TItem, TValue>.OnItemSelect(ListItemSelectEventArgs)ComboBoxBase<TItem, TValue>.SelectItemAndClose(ListDataItem)ComboBoxBase<TItem, TValue>.TextFieldComboBoxBase<TItem, TValue>.PlaceholderComboBoxBase<TItem, TValue>.AllowCustomComboBoxBase<TItem, TValue>.ShowClearButtonComboBoxBase<TItem, TValue>.FilterOperatorComboBoxBase<TItem, TValue>.ValueMapperComboBoxBase<TItem, TValue>.DebounceDelayComboBoxBase<TItem, TValue>.LoaderShowDelayTelerikSelectBase<TItem, TValue>.OnParametersSetAsync()TelerikSelectBase<TItem, TValue>.OnInitializedAsync()TelerikSelectBase<TItem, TValue>.Dispose()TelerikSelectBase<TItem, TValue>.FocusAsync()TelerikSelectBase<TItem, TValue>.Open()TelerikSelectBase<TItem, TValue>.Close()TelerikSelectBase<TItem, TValue>.Refresh()TelerikSelectBase<TItem, TValue>.DebounceChangeValue(string)TelerikSelectBase<TItem, TValue>.CascadedEditContextTelerikSelectBase<TItem, TValue>.FloatingLabelTelerikSelectBase<TItem, TValue>.DataSmartPasteDescriptionAttributeTelerikSelectBase<TItem, TValue>.IdTelerikSelectBase<TItem, TValue>.ValueFieldTelerikSelectBase<TItem, TValue>.TextFieldTelerikSelectBase<TItem, TValue>.GroupFieldTelerikSelectBase<TItem, TValue>.HeaderTemplateTelerikSelectBase<TItem, TValue>.FooterTemplateTelerikSelectBase<TItem, TValue>.NoDataTemplateTelerikSelectBase<TItem, TValue>.WidthTelerikSelectBase<TItem, TValue>.FilterableTelerikSelectBase<TItem, TValue>.TitleTelerikSelectBase<TItem, TValue>.SubtitleTelerikSelectBase<TItem, TValue>.AriaLabelTelerikSelectBase<TItem, TValue>.AriaLabelledByTelerikSelectBase<TItem, TValue>.AriaDescribedByTelerikSelectBase<TItem, TValue>.ReadOnlyTelerikSelectBase<TItem, TValue>.InputModeTelerikSelectBase<TItem, TValue>.ScrollModeTelerikSelectBase<TItem, TValue>.ItemHeightTelerikSelectBase<TItem, TValue>.PageSizeTelerikSelectBase<TItem, TValue>.EnabledTelerikSelectBase<TItem, TValue>.ValueExpressionTelerikSelectBase<TItem, TValue>.ValueChangedTelerikSelectBase<TItem, TValue>.ValueTelerikSelectBase<TItem, TValue>.TabIndexTelerikSelectBase<TItem, TValue>.AdaptiveModeTelerikSelectBase<TItem, TValue>.OnChangeTelerikSelectBase<TItem, TValue>.OnBlurTelerikSelectBase<TItem, TValue>.FillModeTelerikSelectBase<TItem, TValue>.RoundedTelerikSelectBase<TItem, TValue>.SizeTelerikSelectBase<TItem, TValue>.ProcessingDataDataBoundComponent<TItem>.SetParametersAsync(ParameterView)DataBoundComponent<TItem>.OnParametersSetAsync()DataBoundComponent<TItem>.Dispose()DataBoundComponent<TItem>.Rebind()DataBoundComponent<TItem>.DataBaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.OnAfterRenderAsync(bool)BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnInitialized()ComponentBase.OnParametersSet()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)...

Constructors

C#
public TelerikMultiColumnComboBox()

Methods

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

Properties

Enables WebMCP tool registration for this MultiColumnComboBox. When true, MultiColumnComboBox operations are exposed as tools discoverable by AI models through the browser. Default value is false.

C#
[Parameter]
public bool EnableWebMcpTools { get; set; }

Defines the height of the suggestion list container. Default value is 200px.

C#
[Parameter]
public string ListHeight { get; set; }

Specifies column container of the combo box. Add MultiColumnComboBoxColumn tags within this fragment.

C#
[Parameter]
public RenderFragment MultiColumnComboBoxColumns { get; set; }

The content of the MultiColumnComboBox prefix.

C#
[Parameter]
public RenderFragment MultiColumnComboBoxPrefixTemplate { get; set; }

Defines a RenderFragment that contains all settings for the combobox. See MultiColumnComboBoxPopupSettings.

C#
[Parameter]
public RenderFragment MultiColumnComboBoxSettings { get; set; }

The content of the MultiColumnComboBox suffix.

C#
[Parameter]
public RenderFragment MultiColumnComboBoxSuffixTemplate { get; set; }

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

C#
[Parameter]
public EventCallback<MultiColumnComboBoxCloseEventArgs> OnClose { get; set; }

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

C#
[Parameter]
public EventCallback<MultiColumnComboBoxOpenEventArgs> OnOpen { get; set; }

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.

C#
[Parameter]
public EventCallback<MultiColumnComboBoxReadEventArgs> OnRead { get; set; }

Defines the row template of the items.

C#
[Parameter]
public RenderFragment<TItem> RowTemplate { get; set; }

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

C#
[Parameter]
public bool ShowPrefixSeparator { get; set; }

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

C#
[Parameter]
public bool ShowSuffixSeparator { get; set; }