DxTagBox<TData, TValue>.TextFieldName Property

Specifies the data source field that provides text for TagBox items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

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

Property Value

Type Description
String

A string value that specifies a data source field’s name.

Remarks

Use the TextFieldName property when you bind the TagBox to a data source that store custom objects (IEnumerable<CustomType>). This property specifies the name of the data source field that provides text for the TagBox items.

If the TextFieldName property is not specified, the TagBox component searches for a Text field in the data source and uses this field as a text field. Otherwise, TagBox populates its items with the CustomType.ToString() values.

@using BlazorApp.Data

<DxTagBox Data="@Staff.DataSource"
          @bind-Values="@SelectedStaff"
          TextFieldName="TextField"
          DropDownWidthMode="DropDownWidthMode.EditorWidth">
</DxTagBox>

@code {
    IEnumerable<Person> SelectedStaff { get; set;} = new List<Person>() { Staff.DataSource[0] };
}

Run Demo: TagBox – Drop-Down List Width

See Also