This is a migrated thread and some comments may be shown as answers.
KendoGrid closing ModalBox, on groupfilter close click!
2 Answers 10 Views
This is a migrated thread and some comments may be shown as answers.
Nicolai
Top achievements
Rank 1
Nicolai asked on 13 Jan 2016, 12:23 PM

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,

2 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 19 Jan 2016, 06:34 AM
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:
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Nicolai
Top achievements
Rank 1
answered on 26 Jan 2016, 07:54 AM

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');
}
});

Tags
Grid
Asked by
Nicolai
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Nicolai
Top achievements
Rank 1
Share this question
or