DxTagBox<TData, TValue>.SelectedItemsChanged Event

Fires after the selection changes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public Action<IEnumerable<TData>> SelectedItemsChanged { get; set; }

Parameters

Type Description
IEnumerable<T>

A collection of selected items.

Remarks

The SelectedItemsChanged event fires each time the selection changes.

We recommend that you use the SelectedItemsChanged event to access selected items’ data source objects when the following two conditions are met:

<DxTagBox Data="@Staff.DataSource" @bind-Values="@Values"
  TextFieldName="@nameof(Person.Text)" 
  SelectedItemsChanged="@((IEnumerable<Person> values) => SelectedItemsChanged(values))">
</DxTagBox>

<p>@msg</p>

@code {
    string msg;

    IEnumerable<int> Values { get; set; } = Staff.DataSource.Take(12).Select(t => t.Id);

    void SelectedItemsChanged(IEnumerable<Person> values)
    {
        // Only one item is present in the collection for single selection TagBox
        msg = values.First().FirstName + " " + values.First().LastName + " is selected";
    }
}

Selected TagBox item changed

In all other cases, when you need to only get the value of the selected items, use the ValuesChanged event instead of SelectedItemsChanged.

See Also