Problem with multi window usage

1 Answer 161 Views
Dialog Popup Window
yd
Top achievements
Rank 1
yd asked on 06 Jan 2022, 05:57 AM

I have opened two Kendo windows, each of which is closed after confirmation through the Kendo dialog pop-up window. After I close the first window, the confirmation dialog of the second window cannot pop up.

1 Answer, 1 is accepted

Sort by
0
Valentin
Telerik team
answered on 06 Jan 2022, 05:04 PM

Hi Yd,

Thank you for the provided information, but I am afraid that I am not sure that I can understand the requirement correctly. That's why I created the following example with 2 kendo-window components and for each of them is created kendo-dialog component that opens before closing the kendo-window and confirms it's closing:

https://stackblitz.com/edit/angular-cahf8v-yzxtyj?file=app%2Fapp.component.ts

Could you please see the example and let me know if I am missing something or if I didn't understand the use-case scenario correctly.

Thank you and I will be waiting for your response.

 

Regards,
Valentin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

 

yd
Top achievements
Rank 1
commented on 07 Jan 2022, 08:18 AM | edited

Appreciate for your feedback.

I reviewed the examples you provided. My usage is a little different from yours. I use Ngxs as a data transmission tool to transfer window parameters and other contents. After receiving the parameter change event, there are corresponding methods to open or close the window according to the situation.

Multiple windows are opened on the same page, and the relationship between windows is purely parent-child.

For example, main page opened window A, and window A opened window B. DialogService is used to create a 'confirm dialog', while closing each window. For the previous example, I closed window B, and then close window A. On this premise, after I closed the child window(window B), I try to close the parent window(window A). And the parent window does not respond after clicking the close button. In the process of debugging, the dialog element I tracked in typescript was ok, but the dialog was not displayed successfully, and the confirm-dialog's element does not exist in HTML.

I try to reproduce the matters, and my code is here:
https://stackblitz.com/edit/angular-cahf8v-ws8wwa?file=app/app.component.ts

Unfortunately, I can't reproduce my problem on StackBlitz.com. Here, I look forward to whether there are other ways to communicate with you on relevant issues and explain the relevant code content.

Thank you again for your feedback.

Valentin
Telerik team
commented on 07 Jan 2022, 12:20 PM

Hi Yd,

Thank you for the example and for the detailed explanation.

After reviewing your code it looks like there is a problem with the versions of the kendo-angular-dialog package. In the provided example I am able to reproduce the described problem using version below 5.1.0:

https://www.telerik.com/kendo-angular-ui/components/dialogs/changelog/#e5a48201-3fb0-5b75-961e-60fd7f68a1d2

Please check your package.json file and if the @progress/kendo-angular-dialog package version is older than 5.1.0 please update to a more recent one.

I hope this helps. Please let me know in case the issue persists after updating the version.

Regards,
Valentin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Dialog Popup Window
Asked by
yd
Top achievements
Rank 1
Answers by
Valentin
Telerik team
Share this question
or