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

Allowing custom inputs for MultiSelect

3 Answers 992 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 05 Jan 2021, 05:06 PM

Hello,

I have a MultiSelect component used to select tags. It works as intended, but I have one problem I can't find any workaround for :

If the user inputs a text that isn't part of the data list, they can't "select" that value, unlike in a ComboBox for example where the data List "guides" you without restricting what you write.

I have found no parameter that allows custom values, and I haven't been able to extract at all the raw text.

To illustrate, here's a screenshot :

I'd like to add / "select" a new value called "newTag" that is NOT part of the data list.

When trying to retrieve the input value from the component (via 2-way binding or onChange event) , I only get a List<string> containing all selected/valid items, in this case a list with only "existing tag".

I can't find a way whatsoever to retrieve that "newTag" text, it would probably solve the problem because then I could work around the lack of custom input permission in the OnChange event by adding dynamically "newTag" to the dataList, thus making it a valid value to select.

Please help me find a way to implement custom inputs.

Best regards

3 Answers, 1 is accepted

Sort by
0
John
Top achievements
Rank 1
answered on 06 Jan 2021, 03:17 PM
It looks like the screenshot wasn't sent, let's try again :
0
Accepted
Nadezhda Tacheva
Telerik team
answered on 08 Jan 2021, 11:16 AM

Hi Johnny,

I also consider the opportunity to add custom tags in the MultiSelect very useful feature.

We currently have an open feature request for it in our public feedback portal that you can check here. I have added a vote on your behalf to increase its priority. You can click on the Follow button to be notified via email when the status changes (this is the best way to know when/if a feature is implemented. When we plan it for a certain release, we announce that information in the portal).

In the meantime, you may find this sample project helpful as a workaround in the moment, it is also listed in the post.

Regards,
Nadezhda
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/.

0
John
Top achievements
Rank 1
answered on 08 Jan 2021, 01:31 PM

Hi Nadezhda,

Thanks for your answer. I'll check the sample project.

I'm following the feature request in hope this will get implemented.

Best regards,

JF

Tags
MultiSelect
Asked by
John
Top achievements
Rank 1
Answers by
John
Top achievements
Rank 1
Nadezhda Tacheva
Telerik team
Share this question
or