Window with Form inside

[Robert]

Hi, I followed this doc page: https://docs.telerik.com/aspnet-mvc/helpers/window/using-forms-in-window

And it doesn't seem to work correctly. It executes the form's target action, but then just displays the returned <script> tag in the window rather than actually executing it.  Additionally, after manually closing the window, when I re-open it, the window content doesn't refresh automatically. What am I missing?

[Veselin Tsvetanov]

Hi Robert,

Attached you will find a small MVC sample following the implementation form the article in question. It properly closes the Window when a valid text is passed to both inputs.

May I ask you to modify the attached so it reproduces the issue observed at your end and send it back to us? This way we will be able to troubleshoot the problem locally and to provide you with the most appropriate assistance for this case.

Regards,
Veselin Tsvetanov
Progress Telerik

[Robert]

I'm unable to get it to reproduce the not-closing part with that sample, however I tweaked the code in the attached archive to include a button that opens the window the same way I am doing it, and you'll see after closing it the first time, if you re-open the window from the button the form content is gone -- it doesn't reload the AJAX content on the second showing.

Additionally, I notice this project is using ASP.NET MVC, while I'm using MVC Core 2 in my project - would that impact how this example behaves?

 

Rename the attachment to .Zip - the upload widget wouldn't accept it otherwise.

[Veselin Tsvetanov]

Hi Robert,

As per the empty Window content after the first submit, the observed is expected. When clicking the Submit button for the first time, the response from the server returns only <script> wich will actually substitute the <form>. Therefore, the <form> will no longer be available in the Window content.

To resolve this issue you will need to explicitly force the Window to refresh its content:

function showWindow() {
    $("#PopupForm").data("kendoWindow").refresh().open();
...

As per the same scenario in .Net Core, I am afraid, that the same could not be achieved with the above implementation. Instead of submitting the form, you will need to send the data to the server with an AJAX request and execute the closing script in the its success handler.

Regards,
Veselin Tsvetanov
Progress Telerik