Provide a way to programmatically clear selected values from multiselect

Progress® Kendo® UI for Vue Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 21 Mar 2024 07:00 by ADMIN

Patrick

Created on: 12 Mar 2024 04:57

Category: Kendo UI® for Vue

Type: Bug Report

Provide a way to programmatically clear selected values from multiselect - Vue

There is a solution in Angular for clearing a multiselect programmatically at Provide a way to pro...~https://feedback.telerik.com/kendo-angular-ui/1404639-provide-a-way-to-programmatically-clear-selected-values-from-multiselect

Is there an equivalent solution for Vue?

5 comments

Patrick

Posted on: 19 Mar 2024 01:01

Hi Plamen

I've tried the workaround and it's working for me. It's a bit more code to do it that way but nothing major. I'll follow the bug in github.

Thanks!
Patrick

ADMIN

Plamen

Posted on: 15 Mar 2024 06:27

Hello,

Yes, it seems like a bug in the v-model functionality - I have logged it as a bug - https://github.com/telerik/kendo-vue/issues/539

Luckily there is another way - we can use value/change way to control the value of the MultiSelect and it is working correctly at my side - https://stackblitz.com/edit/2vydg1-wxig9z?file=src%2Fmain.vue .

Please excuse us for the inconvenience caused by the issue. We will do our best to fix it as soon as possible. If you observe other issues please don't hesitate to contact us again.

Regards,
Plamen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Patrick

Posted on: 14 Mar 2024 22:58

Hi Plamen

Do you have another way to get the MultiSelect to work as expected? Could this be considered as a bug?

Regards
Patrick

Patrick

Posted on: 12 Mar 2024 21:16

Hi Plamen

The code you linked demonstrates the behaviour I want to avoid. When you click "ClearValue" after making some selections, the values are cleared from the array, but when you click into the MultiSelect again, the previous selection will reappear. I think that's why we need to reset the control as well, as per the Angular example.

Regards
Patrick

ADMIN

Plamen

Posted on: 12 Mar 2024 12:34

Hi,

In Vue we can set the value to empty array and the selection is cleared. Here is an example - https://stackblitz.com/edit/tijjnq-iiuw2c?file=src%2Fmain.vue

If the desired behavior is somehow different please let me know.

Regards,
Plamen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!