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

Unable to clear values programmatically when using virtualization

4 Answers 318 Views

MultiSelect

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

Ben asked on 04 Feb 2016, 07:41 PM

I am trying to clear values in a MultiSelect widget that utilizes virtualization. If I filter to an item that is outside of the initial data load and attempt to clear the value via javascript I get the error "Uncaught TypeError: Cannot read property 'item' of undefined" after the MultiSelect refreshes. If I open the MultiSelect after selecting the value, the valueMapper function fires and the error does not occur when I clear the items. I am able to reproduce this error using a modified version of the virtualization demo. It seems like the difference between the two is that the paging variables are not reset when the window is closed. This sounds similar to a previous thread that related to the filter not being reset on close.

Here are the steps to reproduce:

Filter the multi select to a value that is outside of the initial load.
Select the value.
Close the multi select list.
Click the Clear Orders button.

If I could manually fire the valueMapper function for the MultiSelect then I could create a workaround. Any suggestions on a workaround would be appreciated. My experience overall with the way virtualization is handled in this control suite has not been very good. It would be helpful to have more of the virtualization areas exposed similar to what is available in the dataSource object.

4 Answers, 1 is accepted

answered on 15 Mar 2016, 08:37 PM

sorry i missed to mentioned the below

the selected values are getting duplicated when we delete it.

steps.

1. Select the options,

2. save the selected options

3. Load the selected options and set the selected options using below statements

var operatorDropDown = $("#Operator").data("kendoMultiSelect");
operatorDropDown.dataSource.filter({});
operatorDropDown.value(currentQuery.operators);

4. The values are getting selected

5. Delete the selected options by clicking 'X' Button

now see the duplicate options where their index is out of initial load.

Regards,

A.Jayamurugan