[Feature request] Editable Dropdown #1043

Closed
opened 2026-01-29 17:48:13 +00:00 by claunia · 2 comments
Owner

Originally created by @DanRogers99 on GitHub (Nov 27, 2023).

Is your feature request related to a problem? Please describe.
We have a requirement in our project to have an editable dropdown. It should be able to bind to an IEnumerable for the dropdown values, but the TValue should be editable to override a selected value or set it to a completely new value.

Describe the solution you'd like
Property of AllowEditing on the dropdown component to enable this functionality. It may be helpful to also have a second property of EditingFiltering to toggle if as you type it filters down the dropdown list.

Describe alternatives you've considered
We have tried to wrap the dropdown component to achieve this ourselves without any luck.

Additional context
This is the old JQuery plugin we used to use in our MVC project. It provides a good demonstration of what we are looking to achieve:
https://indrimuska.github.io/jquery-editable-select/

Many thanks to the hard work of all the project maintainers.

Originally created by @DanRogers99 on GitHub (Nov 27, 2023). **Is your feature request related to a problem? Please describe.** We have a requirement in our project to have an editable dropdown. It should be able to bind to an IEnumerable for the dropdown values, but the TValue should be editable to override a selected value or set it to a completely new value. **Describe the solution you'd like** Property of AllowEditing on the dropdown component to enable this functionality. It may be helpful to also have a second property of EditingFiltering to toggle if as you type it filters down the dropdown list. **Describe alternatives you've considered** We have tried to wrap the dropdown component to achieve this ourselves without any luck. **Additional context** This is the old JQuery plugin we used to use in our MVC project. It provides a good demonstration of what we are looking to achieve: https://indrimuska.github.io/jquery-editable-select/ Many thanks to the hard work of all the project maintainers.
Author
Owner

@enchev commented on GitHub (Nov 28, 2023):

Hey @DanRogers99,

You can do that even now:

 <RadzenDropDown @bind-Value=@value Data=@companyNames>
     <ValueTemplate>
         <RadzenTextBox @bind-Value=@value Style="width:120%;height:120%;margin:-15px"/>
     </ValueTemplate>
 </RadzenDropDown>

image

@enchev commented on GitHub (Nov 28, 2023): Hey @DanRogers99, You can do that even now: ``` <RadzenDropDown @bind-Value=@value Data=@companyNames> <ValueTemplate> <RadzenTextBox @bind-Value=@value Style="width:120%;height:120%;margin:-15px"/> </ValueTemplate> </RadzenDropDown> ``` ![image](https://github.com/radzenhq/radzen-blazor/assets/5804953/bd749a08-a600-45e7-8a51-b4becdce3661)
Author
Owner

@DanRogers99 commented on GitHub (Nov 28, 2023):

Thanks @enchev that's really useful.

Maybe it would be worth considering including this as an example on the Radzen Blazor Components website for others in the future.

@DanRogers99 commented on GitHub (Nov 28, 2023): Thanks @enchev that's really useful. Maybe it would be worth considering including this as an example on the Radzen Blazor Components website for others in the future.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1043