How to add select input to TreeList inline editing

1 Answer 66 Views
TreeList
Enes
Top achievements
Rank 1
Iron
Enes asked on 19 Apr 2023, 03:29 PM

Hello,

Is there a way to add a select input to TreeList inline editing? I just able to find only text, numeric, date and boolean inputs. 

Thanks in advance.

1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 20 Apr 2023, 01:48 PM

Hello, Enes,

You can achieve this using the TreeListColumn editCell prop which allows you to render the component of your choice as a custom editor. Basically, the `editCell` property passes the TreeListCellProps to the component that you can use for populating the editors and handling the changes through the `props.onChange` event.

In the below example, I am rendering our DropDownList component as a custom editor (for the `name` column) which is a richer version of the <select> element:

I hope this helps, but please let me know if you have any further questions.

Regards,
Wissam
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
TreeList
Asked by
Enes
Top achievements
Rank 1
Iron
Answers by
Wissam
Telerik team
Share this question
or