Class DropDownListTemplates<TItem>

Provides customization options for rendering list items, group titles, selected values, headers, and footers in the SfDropDownList component.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
DropDownsTemplates<TItem>
DropDownListTemplates<TItem>
Implements
Inherited Members
Namespace: Syncfusion.Blazor.DropDowns
Assembly: Syncfusion.Blazor.dll
Syntax
public class DropDownListTemplates<TItem> : DropDownsTemplates<TItem>, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Type Parameters
Name Description
TItem

The type of items displayed in the dropdown list.
Remarks

Note: TItem is a type parameter for the DropDownListTemplates class and not referenceable by XML cref attributes.

This class allows developers to define custom templates for various elements of the SfDropDownList component, enhancing its visual and functional flexibility.
Examples
<SfDropDownList TItem="string" TValue="string" DataSource="@MyList">
    <DropDownListTemplates>
        <ValueTemplate Context="item">
            <span>@item.Text - Custom</span>
        </ValueTemplate>
    </DropDownListTemplates>
</SfDropDownList>
@code {
    protected List<string> MyList = new List<string> { "Small", "Medium", "Large" };
}

Constructors

DropDownListTemplates()

Declaration
public DropDownListTemplates()

Properties

ValueTemplate

Gets or sets the template for rendering the selected item in the input element.

Declaration
[Parameter]
public RenderFragment<TItem> ValueTemplate { get; set; }
Property Value
Type Description
RenderFragment<TItem>

A RenderFragment that defines the template for the selected item. The default value is null.
Remarks

This property allows customization of the selected item's appearance in the input element of the SfDropDownList component. The template receives the selected item as context for rendering.

Examples
<SfDropDownList TItem="string" TValue="string" DataSource="@MyList">
    <DropDownListTemplates>
        <ValueTemplate Context="item">
            <span>@item.Text - Selected</span>
        </ValueTemplate>
    </DropDownListTemplates>
</SfDropDownList>
@code {
    protected List<string> MyList = new List<string> { "Small", "Medium", "Large" };
}

Implements