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

How to implement dropdown list in a grid for kendoUI for angular. I can't find any documentation

1 Answer 85 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Tanuj
Top achievements
Rank 1
Tanuj asked on 06 Jan 2021, 06:05 AM
I have just started with kendoUI. I need documentation or some example for reference to implement dropdown list in a grid

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 07 Jan 2021, 08:37 AM

Hello Tanuj,

Depending on the purpose the DropDownList will be used for, the exact implementation will vary, but in all cases, the DropDownList can be provided in one of the various Grid templates:

https://www.telerik.com/kendo-angular-ui/components/grid/api/CellTemplateDirective/

https://www.telerik.com/kendo-angular-ui/components/grid/api/EditTemplateDirective/

https://www.telerik.com/kendo-angular-ui/components/grid/api/FilterCellTemplateDirective/

If the DropDownList will be used in Grid cells when the Grid is not in editing mode, it should be placed within the Cell template:

https://www.telerik.com/kendo-angular-ui/components/grid/editing/custom-reactive-editing/#toc-rendering-editors-in-the-cell-templates

If the DropDownList will be used for editing, it can be placed in the EditTemplate like in the following documentation example:

https://www.telerik.com/kendo-angular-ui/components/grid/editing/custom-reactive-editing/ (the category column is edited via a DropDownList)

If the DropDownList will be used as a custom filter, it should be placed within the FilterCell template:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/

In this case the DropDownList could be placed directly in the template too (wrapping it in a reusable component is not required).

I hope this helps, but if the purpose of the DropDownList within the Grid will be different from the ones, listed above, please describe the scenario in further details, so we can try to provide a suggestion that would be most suitable to the specific use case. Thank you in advance.

Regards,
Dimiter Topalov
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
Grid
Asked by
Tanuj
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or