This is a migrated thread and some comments may be shown as answers.

[Solved] Modal window loses modal behaviour after ajaxRequest()

8 Answers 216 Views

Window

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Terence asked on 27 Jan 2011, 09:00 PM

Hi,

I'm creating modal popup window to display selected invoices on my new MVC project. I've got everything working fine until the ajaxRequest() call is made, which somehow disables the 'modal' feature.
Here is my code:

function displayCheckedInvoices() {
var $checkedInvoices = $(':checked');
if ($checkedInvoices.length < 1) {
    alert('You need to select invoice(s) to release');
    return;
}
var request = unescape('<%= Url.Action("DisplayCheckedInvoices", "Invoice", new { checkedInvoices = "{0}"}) %>');
//create comma delimiter parameter from int array
for (var i=0; i<$checkedInvoices.length; i++) {
param = param + $checkedInvoices[i].value.toString();
if (i < $checkedInvoices.length-1)
    {
        param = param + ",";
    }
}
var windowElement = $.telerik.window.create({
title: "Release Invoice",
height: 400,
width: 800,
modal: true,
resizable: false,
draggable: false
}).data('tWindow').center().ajaxRequest($.telerik.formatString(request, param));
}

What should i do?
Thanks.

8 Answers, 1 is accepted

answered on 30 Sep 2011, 11:31 AM

MultipleModalWindows.zip

And here is the solution which describes what I mention earlier.
I have 3 Modal windows : Parent, Child and ChildChild window.
Link in modal Parent window opens modal Child Window which then appears with z-index less then Parent window, therefor Child window appears bellow Parent.
Same is with Child and ChildChild window.