TranslateAIToolbarItem.ValueFieldName Property

Specifies the field that contains keys for Translate toolbar items.

Namespace: DevExpress.AIIntegration.Blazor.HtmlEditor

Assembly: DevExpress.AIIntegration.Blazor.HtmlEditor.v24.2.dll

NuGet Package: DevExpress.AIIntegration.Blazor.HtmlEditor

Declaration

[Parameter]
public string ValueFieldName { get; set; }

Property Value

Type	Description
String	The field name.

Remarks

The Languages property allows you to specify a list of languages displayed in the Translate toolbar item. If you assign an array of objects to the Languages property, use the ValueFieldName and TextFieldName properties to specify fields that contain language key values and display texts.

<DxHtmlEditor>
    <AdditionalItems>
        ...
        <TranslateAIToolbarItem Languages="@languages" ValueFieldName="id" TextFieldName="text" />
    </AdditionalItems>
</DxHtmlEditor>

@code {
    public class Language {
        public string id { get; set; }
        public string text { get; set; }
    }
    Language[] languages = {
        new() { id = "English", text = "English"},
        new() { id = "German", text = "Deutsch"},
        new() { id = "Chinese", text = "中國人"},
        new() { id = "Greek", text = "Ελληνικά"}
    };
}