KendoGrid closing ModalBox, on groupfilter close click!

[Nicolai]

HI all,

I have a problem with my KendoGrid which is placed on a Bootstrap Modalbox, the modalbox closes when clicked outside the box.

When clicking on the 'Group Filter' close button on the grid, it unfortunately also is closing the modalbox. None for the other click events on the grid does that.

 

 I do I stop the "close button event" from closing/hidding the underlying modalbox? (See pics for visualization)

/Thanks,

[Konstantin Dikov]

Hello Nicolai,

This seems to be related with the functionality of the Bootstrap ModalBox, so I would like to suggest that you use our Kendo Window instead.

You could also take a look at the following dojo example with a groupable Grid in a modal window:

• http://dojo.telerik.com/ayAhU

Nevertheless, if you prefer to use the ModalBox, please prepare a dojo example that replicates the issue, so we can test it locally and see if we can find a workaround for the issue.
 

Regards,
Konstantin Dikov
Telerik

 

 

[Nicolai]

Hi Konstantin,

Thanks for your reply and the suggestion of using the Kendo window. I will surely look at this and see how it works in our solution.

I found a solution for the Modelbox(.menu_content), where check for kendo 'close' event, and stopping the modal close,

It looks like this;

$(document).on('click', function (event) {
// added a exception, if target has class
if (!($(event.target).closest('.menu_content').length || $(event.target).closest('.k-item').length || $(event.target).closest('.k-link').length || $(event.target).closest('.k-list').length || $(event.target).closest('.k-popup').length || $(event.target).closest('.k-group-delete').length || $(event.target).closest('.k-button').length)) {
$('.menu_content').removeClass('active');
}
});