This is a migrated thread and some comments may be shown as answers.

Nested class TextField

1 Answer 238 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 2
Iron
Veteran
Iron
Rob asked on 04 Sep 2020, 02:31 PM

This lightly modified ComboBox sample won't show the value of the nested class.  Filtering does work, so I think this is a bug?

<TelerikComboBox @bind-Value=@SelectedValue
                  Data="@ComboBoxData"
                  Filterable="true"
                   ValueField="ProductId"
                   TextField="ProductName.Description">
    <ItemTemplate>
        <strong>@((context as Product).ProductName.Description) - @(String.Format("{0:C2}", (context as Product).UnitPrice))</strong>
    </ItemTemplate>
</TelerikComboBox>
 
@code {
    public IEnumerable<Product> ComboBoxData { get; set; }
    public int SelectedValue { get; set; } = 2;
 
    protected override void OnInitialized()
    {
        List<Product> products = new List<Product>();
        for (int i = 1; i < 10; i++)
        {
            products.Add(new Product()
            {
                ProductId = i,
                ProductName = new ProductName {Description = $"{i} Product {i}"},
                UnitPrice = (decimal)(i * 3.14)
            });
        }
 
        ComboBoxData = products;
        base.OnInitialized();
    }
 
    public class Product
    {
        public int ProductId { get; set; }
        public ProductName ProductName { get; set; }
        public decimal UnitPrice { get; set; }
    }
 
    public class ProductName
    {
        public string Description { get; set; }
    }
}

1 Answer, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 04 Sep 2020, 04:46 PM

Hello Rob,

You can Follow the implementation of such a feature here: https://feedback.telerik.com/blazor/1464290-combobox-support-nested-complex-models. I've added your Vote for it on your behalf in order to raise its priority. For the time being, my best suggestion is to flatten the model or prepare a separate model for the combo box data.

What you are seeing in the textbox input is the result of the accessor of the TextField - it cannot pull from the nested model and so you get a string representation of what it does get - the class name of Product. The filtering relies on the DataSource package code where there are some provisions for that already, but this is not implemented in the combo box component itself yet.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ComboBox
Asked by
Rob
Top achievements
Rank 2
Iron
Veteran
Iron
Answers by
Marin Bratanov
Telerik team
Share this question
or