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

Incremental Search - Custom Template or formatting

2 Answers 71 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Reid
Top achievements
Rank 2
Reid asked on 03 Jan 2019, 03:05 PM

I have an incremental search using a Kendo UI DropdownList working in an ASP.NET Core application.  I would like to have multiple columns in the display or at least to group the results.  So that I could nicely format it showing products they are searching for grouped by category with a category image.

 

Sort of like :

<image> Category 1

    Selection 1
    Selection 2

<image> Category 2
    Selection 1
    Selection 2

etc.

Are there any demos demonstrating this?

 

Thanks

2 Answers, 1 is accepted

Sort by
0
Accepted
Marin Bratanov
Telerik team
answered on 05 Jan 2019, 04:28 PM
Hello Reid,

The MultiColumnComboBox does that: https://demos.telerik.com/aspnet-core/multicolumncombobox/grouping.

Alternatively, you can use item templates for the dropdownlist widget to declare columns and you can use data provided by the controller for the first item in each group so the template can know to render additional group header: https://demos.telerik.com/aspnet-core/dropdownlist/template. By the way, the data source of the dropdownlist can also group data: https://demos.telerik.com/aspnet-core/dropdownlist/grouping.

Neither of the built-in grouping features offers a template for the grouping header, however, so if the text of the group does not suffice for you, you'd have to tweak the item template and probably the data to contain the needed information so you can render it out.


Regards,
Marin Bratanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Reid
Top achievements
Rank 2
answered on 07 Jan 2019, 03:51 PM

Hello Marin,

Thank you for posting this.  I will try to integrate my solution with the strategies you link to here.

Tags
DropDownList
Asked by
Reid
Top achievements
Rank 2
Answers by
Marin Bratanov
Telerik team
Reid
Top achievements
Rank 2
Share this question
or