Question

我们知道Blazor不支持<InputSelect>的Int选项（但支持字符串和Enum），我们得到以下错误消息：

错误：System.InvalidOperationException：Microsoft.AspNetCore.Components.Forms.InputSelect 1[System.Nullable 1 [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;
}

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

1 个答案: