对来自自定义 InputSelect 的 Blazor 验证消息使用模型显示名称

Question

我们知道 Blazor 不支持为 <InputSelect> 选择 Int 选项（但支持字符串和枚举），我们收到以下错误消息：

错误：System.InvalidOperationException：Microsoft.AspNetCore.Components.Forms.InputSelect1[System.Nullable1[System.Int32]] 不支持类型“System.Nullable`1[System.Int32]”。

因此，我写了一个<CustomInputSelect>：

public class CustomInputSelect<TValue> : InputSelect<TValue>
    {
        protected override bool TryParseValueFromString(string value, out TValue result, out string validationErrorMessage)
        {
            if (typeof(TValue) == typeof(int?))
            {
                if (int.TryParse(value, out var resultInt))
                {
                    result = (TValue)(object)resultInt;
                    validationErrorMessage = null;
                    return true;
                }
                else
                {
                    result = default;
                    validationErrorMessage = $"The {FieldIdentifier.FieldName} field is Required.";
                    return false;
                }
            }
            else
            {
                return base.TryParseValueFromString(value, out result, out validationErrorMessage);
            }
        }
    }

我有以下型号：

public class Risk : ICloneable
    {
        /// <summary>
        /// Associated Legal Entity of the risk
        /// </summary>
        [Required]
        [Display(Name = "Legal Entity")]
        public int? LegalEntityId { get; set; }

        /// <summary>
        /// Associated Legal Entity Short Code of the risk
        /// </summary>
        [Required]
        [Display(Name = "Legal Entity Short Code")]
        public string LegalEntityShortCode { get; set; }
}

以下 Blazor 页面：

    <CustomInputSelect id="ddlLegalEntity" class="form-control InputTextHeigth" @bind-Value="ShowRisk.LegalEntityId">
            @foreach (var option in LEList)
            {
                <option value="@option.Id">
                 @option.OptionName
                </option>
            }
    </CustomInputSelect>
<div class="cs-col-6">
    <ValidationMessage class="form-control" For="@(() => ShowRisk.LegalEntityId)" />
</div>

一切正常。我可以在选项列表中使用 int 值。但是，验证错误生成为字段名称而不是显示名称。 所以我得到“LegalEntityId 字段是必需的。”而不是“法律实体字段是必填项”。

从代码的第一个快照，生成消息：

validationErrorMessage = $"The {FieldIdentifier.FieldName} field is Required.";

如何显示模型显示名称而不是字段名称？

Answer 1

您的CustomInputSelect 继承自InputSelect。 InputSelect 继承自 InputBase。 这个抽象类有一个名为DisplayName的属性。

应该通过在 razor 文件中手动设置或通过视图模型上的 Display 属性来填充它。

<InputDate @bind-Value="@moveOutViewModel.MoveOutDate" DisplayName="@localize["moveout_step_date_legend"]" />

或

[Display(Name = "address_street", ResourceType = typeof(Translations))]
public string Street { get; set; }

在您的自定义选择类中，您可以使用以下代码：

if (int.TryParse(value, out var resultInt))
{
    result = (TValue)(object)resultInt;
    validationErrorMessage = null;
    return true;
}
else
{
    result = default;
    validationErrorMessage = $"The '{this.DisplayName ?? this.FieldIdentifier.FieldName}' field is required.";
    return false;
}