[Solved] Kendo popup close and open again

[Alexandra]

Hi,

I am tring to define a popup menu that will be opened from multiple buttons on the screen.
I have defined the panel to be opened like so:

var popup = $("#tableMenu").kendoPopup({
    origin: "bottom left",
   position: "top left",
   collision: "fit",
}).data("kendoPopup");

And on the button I am trying to close the popup and then open it again. The reason I do this is because I what to change the location

$(".sk-showhide-icon").on("click", function (e) {
    e.preventDefault();
    e.stopPropagation();
    popup.close();
    popup.setOptions({ anchor: $(this) });
    popup.open();
});

But the above code does not work. The popup is not closed and the open does nothing.
Can I achieve this?

The reason I do not want to define the popup multiple times is because the menu contains checkboxes that have to have the same checked/unchecked state when it is opened. It is something similar with the show columns from the telerik grid.

[Nencho]

Hello Alexandra,

In order to achieve the desired functionality, I would suggest you to implement a slight timeOut. This is needed, because then the setOptions method is used, the widget is recreated and it take a bit time to finish this operation. Please consider the below implementation:

$(".sk-showhide-icon").click(function(z){
       var popup = $("#tableMenu").getKendoPopup();
        z.preventDefault();
        z.stopPropagation();
         popup.close();
         popup.setOptions({ anchor: $(this) });
         setTimeout(function(y){popup.open();}, 100)
       })

Below is a dojo example on the matter:
https://dojo.telerik.com/aHoFAL/6

Regards,
Nencho
Progress Telerik