Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxComboBox<TData, TValue>.SelectedItemChanged Event

Fires when the ComboBox’s selected item is changed.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public EventCallback<TData> SelectedItemChanged { get; set; }

#Parameters

Type Description
TData

The data item type.

#Remarks

Handle the SelectedItemsChanged event to respond to item selection changes. This event fires in the following cases:

  • When users change item selection.
  • When Value property is changed in code. This also includes the first render.
Razor
<DxComboBox Data="@Cities"
            @bind-Value="CurrentCity"
            TextFieldName="@nameof(City.CityName)"
            SelectedItemChanged="@((City city) => SelectedItemChanged(city))">
</DxComboBox>

<p>@msg</p>

@code {
    List<City> Cities { get; set; } = CountryCity.Cities;
    City CurrentCity { get; set; } = CountryCity.Cities[4];
    string msg;

    void SelectedItemChanged(City city) {
        msg = "Selected item: " + city.CityName;
    }

    public class City {
        public int Id { get; set; }
        public string CityName { get; set; }

        public override bool Equals(object obj) {
            return obj is City city && string.Equals(city.CityName, CityName, StringComparison.OrdinalIgnoreCase) && city.Id == Id;
        }

        public override int GetHashCode() {
            return HashCode.Combine(Id, CityName);
        }
    }

    public static class CountryCity {
        private static readonly Lazy<List<City>> cities = new Lazy<List<City>>(() =>  {  
           return new List<City>() {
              new City() { Id = 0, CityName = "Washington" },
              new City() { Id = 1, CityName = "New York" },
              new City() { Id = 2, CityName = "Los Angeles" },
              new City() { Id = 3, CityName = "Berlin" },
              new City() { Id = 4, CityName = "Munich" },
              new City() { Id = 5, CityName = "Hamburg" },
              new City() { Id = 6, CityName = "Tokyo" },
              new City() { Id = 7, CityName = "Osaka" },
              new City() { Id = 8, CityName = "Yokohama" }
            };
        });
        public static List<City> Cities { get { return cities.Value; } }
    }
}

Combobox Selection changed

See Also