We have 2 weird problems in MultiSelect when autoClose is set to false. They were reproduced in the following example: http://dojo.telerik.com/InicU
Problem 1: Delete input text keeps the items selected
Steps to Reproduce:
1.Write in the text "le", and then click "enter"
2. Erase in the text everything. The item "Lebanon" remains selected
Problem 2: the entered text remains
Steps to Reproduce:
1. Write in the text "le", and then click "enter". The item "Lebanon" is selected (which is correct), but the text "le" remains (which should be removed)
I have a kendo multiselect with virtualization set to true. I want to clear out the data from the search input after each item is selected so the user can start a new search. I tried this solution but found a bug. In my example, if the user selects 1 and then 20, the selected items get cleared and the multiselect becomes unusable from that point forward. The x won't clear anything and you can't select anything. How do I fix this?
Here is a dojo showing the problem
Failed Attempt:
I attempted to fix this by adding .trigger("input") to the e.sender.input.val("") line but that ends up creating duplicates of the same item selected and causes occasional errors like this in the console and doesn't clear the box:
I have been asked to make the filter input (search box) appear at the top of the dropdown list in a multiselect exactly like it does in the dropdownlist component. Is there a way to move the filter input out of the box at the top and into the search area? The expected behavior is this:
Extension of below question
For reference link bellow: https://www.telerik.com/forums/how-to-set-data-attribute-for-multiselect-dropdown-li-element#5647546
I would like to disable partly multiselect dropdown li elements on basis of specific condition. To achieve this I tried to set data attributes on li elements and check that data while rendering these li elements and apply CSS to disable it. But neither I find any related data in data object returned by KendoMultiselect nor in documentation.
$(itemIdservicetypes).on('change', function (e) { // Here we can get the value of selected item var seletctedValueST = $(itemIdservicetypes).data("kendoDropDownList").text(); var data = $(itemIdSIMultiSelect).data("kendoMultiSelect"); data.ul.children().each(function () { if (seletctedValueST == $(this).data("ServiceType") { $(this).addClass("k-disabled"); } else { $(this).removeClass("k-disabled"); } }) });
https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/checkboxes/ (looking to implement something like this but with Kendo UI for jQuery)
I am looking to implement a multi-select with checkboxes. I found kendo provides an option for Angular, but I am looking to see if this is provided with Kendo UI for jQuery, if so, any documentation I can look into?
I am also looking to add, a Select All checkbox which will select all options if checked, if unchecked, need to unselect all the options. Is there any built-in functionality to achieve this?
Hi, I recently created a grid with a multiselect filter and noticed that the selected values are not showing if the user selects more than one item and then filters. I could reproduce the behaviour in a short dojo script which comes from the telerik examples.
Is there any reason for this behaviour or did I forget something that makes the filter control fail? If this is a bug, is there a workaround?
In the example, the field that contains the filter is "Name" (2nd column).
<!DOCTYPE html>I am trying to move away from using select2 multi-select. Ideally, I would like to call a function that returns the value for the kendo multi-select during initialization. The value will be retrieved by an AJAX call. Is there any way I could implement this? I tried using dataBound, but it looks like anything inside the data-bound will be called every time user clicks on the multi-select control.
During initialization, I don't want to call the dataSource. This will be updated every time user clicks open. I just need to update the value field based on the AJAX result.$("#multiselect").kendoMultiSelect({
dataSource: {
transport: {
read: {
url: "https://demos.telerik.com/kendo-ui/service/products",
dataType: "jsonp"
}
}
},
open: function(e){
// datasource is dynamic and should be updated with every click.
$('#multiselect').data('kendoMultiSelect').dataSource.read();
},
dataTextField: "ProductName",
dataValueField: "ProductID",
autoBind: false,
value: "IS IT POSSIBLE TO GET DATA FROM AJAX DURING INITIALIZATION?"
});
Hi,
I have a requirement for a multi-select drop down within each cell of a specific column within a Kendo spreadsheet control.
Is this possible? I can't find any documentation around this. I would be really appreciative if someone could help me with code samples/demos
Thanks
Ian