To unselect all values in kendo multiselect:
var multiSelect = $('#Department').data("kendoMultiSelect");
multiSelect.value([]);
Question
I have Kendo multiSelect control which is working perfectly fine. However I am facing issue to reset its selected value. The following is what I have tried so far :
$("#Department option:selected").removeAttr("selected");
And
var departmentMultiselect = $('#Department').data("kendoMultiSelect");
var subtract = $('#department').val();
var values = departmentmultiselect.value().slice();
values = $.grep(values, function (a) {
return $.inarray(a, subtract) == -1;
});
departmentmultiselect.datasource.filter({});
departmentmultiselect.value(values);
In the second code, control bypasses the following code
values = $.grep(values, function (a) {
return $.inarray(a, subtract) == -1;
});
How can I reset this control?
Solution
To unselect all values in kendo multiselect:
var multiSelect = $('#Department').data("kendoMultiSelect");
multiSelect.value([]);
OTHER TIPS
I had this same question, but wanted to remove only one value from the multiselect rather than everything. This is what I came up with:
var multiselect = $('#multiSelectId').data("kendoMultiSelect");
var values = multiselect.value().slice();
// optionId is the value I want to remove
var index = $.inArray(optionId, values);
if (index > -1) {
values.splice(index, 1);
}
multiselect.dataSource.filter({});
multiselect.value(values);
Set's the multiselect to your Placeholder value
var multiselect = $("#ICD10CodeIds").data("kendoMultiSelect");
multiselect.value(0);