DxDropDownListEditorBase<TData, TValue>.NullText Property

Specifies the editor’s prompt text when the editor’s value is null.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string NullText { get; set; }

Property Value

Type	Default	Description
String	null	A string value that specifies the prompt text.

Remarks

Use the NullText property to display the prompt text in ComboBox or TagBox when there are no selected value/values.

You can also set the ClearButtonDisplayMode property to Auto to show the Clear button when ComboBox or TagBox is not empty. Users can click this button to clear the editor’s value/values.

ComboBox Example

<DxComboBox Data="@Cities" 
            @bind-Value="@Value"
            NullText="Select cities..."
            ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto"/>

@code {
    IEnumerable<string> Cities = new List<string>() {
    "London",
    "Berlin",
    "Paris",
  };

    string Value { get; set; }
}

Run Demo: ComboBox - Clear Button and Placeholder

TagBox Example

Razor

<DxTagBox NullText="Select countries..."
          Data="@CountryData.Countries"
          @bind-Values="@SelectedCountries"
          TextFieldName="@nameof(Country.CountryName)"
          ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto" />
</DxTagBox>

@code {
    IEnumerable<Country> SelectedCountries { get; set; }
}

Country

public class Country {
    public int Id { get; set; }
    public string CountryName { get; set; }
}

public static class CountryData {
    private static readonly Lazy<List<Country>> countries = new Lazy<List<Country>>(() => {
        return new List<Country>()
        {
            new Country() { Id = 0, CountryName = "USA" },
            new Country() { Id = 1, CountryName = "Germany" },
            new Country() { Id = 2, CountryName = "Japan" }
        };
    });
    public static List<Country> Countries { get { return countries.Value; } }
}

Run Demo: TagBox - Clear Button and Placeholder

Implements

DevExpress.Blazor.IDropDownListEditorBase<TData, TValue>.NullText