DxMaskedInput<T>.ValueExpression Property

Specifies a lambda expression that identifies the Value property’s bound value when the Masked Input is placed in the EditForm.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public Expression<Func<T>> ValueExpression { get; set; }

Property Value

Type	Description
Expression<Func<T>>	A lambda expression that identifies the bound value.

Remarks

You can add the Masked Input to Blazor’s standard EditForm component to validate the Value property value. In this case, the ValueExpression property is used to obtain metadata about the value bound to the Value property.

You should specify the ValueExpression property if you handle the ValueChanged event and cannot use two-way binding.

<DxMaskedInput Mask="@NumericMask.Currency"
               Value="@Value"
               ValueExpression="@(() => Value)"
               ValueChanged="@((Decimal newValue) => ValueChanged(newValue))">
</DxMaskedInput>

@code {
    Decimal Value = 123;

    void ValueChanged(Decimal newValue) {
        // Your code
    }
}

The ValueExpression property is set internally if you use the @bind attribute for the Value property to implement two-way binding.

<DxMaskedInput Mask="@NumericMask.Currency" @bind-Value="@Value" />

@code {
    Decimal Value = 123;
}

The following exception occurs if you do not use two-way binding or the ValueExpression property:

DevExpress.Blazor.DxMaskedInput requires a value for the ‘ValueExpression’ property. It is specified automatically when you use two-way binding (‘bind-Value’).