DxTagBox<TData, TValue>.SelectedItemsChanged Event

Fires after the selection changes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public EventCallback<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:

• Two-way binding is used for the Values property.
• The TextFieldName property is specified.

<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) {
        msg = values.First().FirstName + " " + values.First().LastName + " is selected";
    }
}

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