VS 2019の最新バージョンでblazor 3.1を使用しています。
これまでのところ、ページラベル(タイトル、テーブルフィールドなど)をローカライズできます。
ではListEmployee.razor
ページ私は、テーブルの見出しなどをローカライズすることができていますし、上のAddEmplyeeValidation.razor
ページ私は、ローカライズのフォームラベルにできるようですが、私は、問題の検証メッセージをローカライズしています。
検証メッセージのEmployee.cs
検証メッセージは、このファイルとResources/Data
フォルダで定義されてData.Employee.ar.resx
おりData.Employee.ar.resx
、次のように定義されています。
System.ComponentModel.DataAnnotationsを使用します。
名前空間BlazorSPA1.Data {public class Employee {[MaxLength(50)] public string Id {get; セットする; }
[Required (ErrorMessage ="Name is RRRequired")]
[StringLength(20, ErrorMessage = "Name is too long.")]
public string Name { get; set; }
[Required]
[StringLength(20)]
public string Department { get; set; }
[MaxLength(100)]
public string Designation { get; set; }
[MaxLength(100)]
public string Company { get; set; }
[MaxLength(100)]
public string City { get; set; }
}
}
従業員の追加フォームの言語に基づいて、リソースファイルからの検証メッセージをどのようにできますか。
@page "/addemployeeValidation"
@inject NavigationManager NavigationManager
@inject IEmployeeService EmployeeService
@inject IStringLocalizer<AddEmployeeValidation> L
<h2>Create Employee</h2>
<hr />
<EditForm Model="@employee" OnValidSubmit="@CreateEmployee">
<DataAnnotationsValidator />
<ValidationSummary />
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label for="Name" class="control-label">@L["Name"]</label>
<input for="Name" class="form-control" @bind="@employee.Name" />
<ValidationMessage For="@(()=> employee.Name)" />
</div>
<div class="form-group">
<label for="Department" class="control-label">@L["Department"]</label>
<input for="Department" class="form-control" @bind="@employee.Department" />
</div>
<div class="form-group">
<label for="Designation" class="control-label">@L["Designation"]</label>
<input for="Designation" class="form-control" @bind="@employee.Designation" />
</div>
<div class="form-group">
<label for="Company" class="control-label">@L["Company"]</label>
<input for="Company" class="form-control" @bind="@employee.Company" />
</div>
<div class="form-group">
<label for="City" class="control-label">@L["City"]</label>
<input for="City" class="form-control" @bind="@employee.City" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<input type="submit" class="btn btn-primary" value="Save" />
<input type="button" class="btn" @onclick="@Cancel" value="Cancel" />
</div>
</div>
</div>
</EditForm>
@code {
Employee employee = new Employee();
protected async Task CreateEmployee()
{
await EmployeeService.CreateEmployee(employee);
NavigationManager.NavigateTo("listemployees");
}
void Cancel()
{
NavigationManager.NavigateTo("listemployees");
}
}
私はいくつかの記事を読んで、いくつかのことを試しましたが、何も機能していないようです
Startup.csのコード `
services.AddServerSideBlazor(options => options.DetailedErrors = true);
services.AddLocalization(options => options.ResourcesPath = "Resources");
var supportedCultures = new List<CultureInfo> { new CultureInfo("en"), new CultureInfo("ar") };
services.Configure<RequestLocalizationOptions>(options =>
{
options.DefaultRequestCulture = new Microsoft.AspNetCore.Localization.RequestCulture("en");
options.SupportedUICultures = supportedCultures;
});
ローカライズに次の例を使用していますが、エラーメッセージをローカライズする方法を示していません https://www.c-sharpcorner.com/article/localization-in-blazor-server/
屈折のフォルダー構造画像
アラビア語ファイルもあるのと同じ方法で英語版のリソースファイルの例
下のスクリーンショットでは、フィールド名がリソースファイルからプルされていますが、検証メッセージは機能していないため、英語でのみ表示されます。