Skip to main content
All docs
V25.1
  • DxDropDownBox.ShowValidationIcon Property

    Specifies whether the editor shows a validation icon.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(null)]
    [Parameter]
    public bool? ShowValidationIcon { get; set; }

    Property Value

    Type Default Description
    Nullable<Boolean> null

    true to display a validation icon; otherwise, false;
    null to inherit the value from the GlobalOptions.ShowValidationIcon property.

    Remarks

    DevExpress input editors support data validation. You can add editors to the Blazor’s standard EditForm. This form validates user input based on data annotation attributes defined in a model. When a user enters invalid data into an editor, the editor gets a red outline. You can also use the ShowValidationIcon global option or the editor’s ShowValidationIcon property to specify whether the editor should display validation icons - error Error or success Success.

    <EditForm Model="@model" Context="EditFormContext">
        <DataAnnotationsValidator />
        <DxFormLayout>
            <DxFormLayoutItem Caption="Customer:" ColSpanMd="12">
                <DxDropDownBox @bind-Value="model.Value"
                                QueryDisplayText="QueryText"
                                ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto"
                                NullText="Select a customer..."
                                ShowValidationIcon="true">
                    <DropDownBodyTemplate Context="ddbBodyContext">
                        <Editors_DropDownBox_SearchLookup_Grid DropDownBox="@ddbBodyContext.DropDownBox" />
                    </DropDownBodyTemplate>
                </DxDropDownBox>
            </DxFormLayoutItem>
        </DxFormLayout>
    </EditForm>
    
    @code {
        object Value { get; set; }
        private MyModel model = new MyModel();
    
        string QueryText(DropDownBoxQueryDisplayTextContext arg) {
            if(arg.Value is Customer value)
                return value.ContactName;
            return string.Empty;
        }
    }
    

    Validated DropDownBox

    Implements

    See Also