[Solved] DropDownList TextField from combined properties

[Artem]

Hi,

I have a dropdownlist and I want to have a TextField as a combined value between two properties of the context

I can do this using <ItemTemplate> and it works, but only when I click on dropdown and see the list, list has items with combined properties

When I select one item from that list and list is closed, the selected text in drop down list is not combined, it shows only code in my case

How can I show selected value as Item Template? Code ( Description )

<TelerikDropDownList Data="@Sites"
                     ValueChanged="@( (int v) => SiteValueChangedHandler(v) )"
                     TextField="@nameof(Site.Code)"
                     ValueField="@nameof(Site.SiteId)"
                     DefaultText="@LanguageContainer.Keys["All"]"
                     Width="200px"
                     Id="ddlSite">
    <ItemTemplate>
        @(string.Concat((context as Site).Code, " (", (context as Site).Description, ")"))
    </ItemTemplate>
</TelerikDropDownList>

 

Thanks,

Artem

[Marin Bratanov]

Hello Artem,

The ValueTemplate lets you determine how the selected item renders: https://docs.telerik.com/blazor-ui/components/dropdownlist/templates#value-template.

 

Regards,
Marin Bratanov
Progress Telerik

[Artem]

Hi Marin,

I tried your example and it works.

 

Thanks,

Artem