Confirmation on clicking delete button in multiselect control

[Mahesh]

In multiselect control, when user click delete icons of a selected value , it should alert confirmation message and based on user  input "Yes" , "No" it should delete the selection or cancel it.

I tried as below, it shows confirmation popup but is not waiting for user confirmation

$(".k-delete").click(function (e) {
            //window.event.cancelBubble = true;
            //e.stopPropagation();
            currentSelection = s.value()
            $("#dlgDeleteSecFromAnalyst").html("Are you sure you want to remove.. clicked.");
            $("#dlgDeleteSecFromAnalyst").dialog("open"); 

        })

[Dimiter Topalov]

Hi Mahesh,

You can handle the change event of the MultuSelect and attach a handler to all the items that are selected from the dropdown. Then if the user clicks the "X" to remove any of them, a confirm pops up, and if the user selects "Cancel" the event is stopped from reaching its destination, else the item is removed:

$("#multiselect").kendoMultiSelect({
 change: function(e) {
   e.sender.wrapper.find('li.k-button').off().one('click', function(event){
     if($(event.target).hasClass('k-i-close')){
       if(!confirm("Are you sure?")){
         event.stopPropagation();
       };
     }
  });

Multiple attachment of the handler to the same event is avoided by unbinding before attaching the handler (... off()...).

I hope this helps.

Regards,
Dimiter Topalov
Telerik