kendo-uikendo-gridkendo-multiselect

I want to show tooltip of selected items for kendo Multiselect while applying tagMode property as single

I am using kendo multiselect and in that I have applied tagMode as single. below is the structure of kendo-multiselect

$("#status-id").kendoMultiSelect({
        dataTextField: "text",
        dataValueField: "value",
        tagMode: 'single',
        autoClose: false,
        clearButton: true,
        dataSource: statusData
});

As I have applied tagMode as single, kendo-multiselect will shows count of selected items as per below screen shot,

enter image description here

The problem is that user not able to see which items he selected so I want to show tooltip of selected items while user mouse hover on kendo-multiselect.

Please help.

Solution

  • Whenever the list of selected elements changes, the change-event is triggered. Now you can set the title-attribute of the MultiSelect. You can get the list of selected elements with the function value(). Simply call $("#required").getKendoMultiSelect().value() on https://demos.telerik.com/kendo-ui/multiselect/tag-mode to see an example.