I have a main page with RadTabStrip/RadMultiPage setup. I'd like to trigger an update to a portion of that page when user makes a change in a RadPageView. So on my main page I have a portion that is a summary with datasource and form and numbers need to update as people make changes to various sub-pages.
On each of those RadPageView I have aspx pages with RadForms with (edit/update/cancel buttons). I'd also like to catch if a user tries to change tabs, navigate away from the page, or close with the X on the upper right browser if they are in edit mode on a RadPageView aspx page.
Any assistance would be greatly appreciated.
1 Answer, 1 is accepted
Hi Matthew,
For convenience and visibility from the community, I am sharing here my reply from the internal support communication on the topic.
Assuming you are using a ContentUrl for the PageViews, you have an iframe with the page in each of the PageViews. That means you would need to implement a Parent/Child communication similar to how it is recommended for the RadWindow with NavigateUrl (where iframes are created as well):
- https://docs.telerik.com/devtools/aspnet-ajax/controls/window/how-to/calling-functions-in-windows
- https://www.telerik.com/support/code-library/creating-parent-child-relationships-between-radwindows-and-passing-data-between-them
In general, you can create a few functions in the parent page that will deal with the update and the child pages would just call these functions when needed.
As for the navigate away, you can use the beforeunload event and inform the user of any unsaved changes for example:
The tab changes could also be detected in various ways:
- https://stackoverflow.com/questions/10338704/javascript-to-detect-if-user-changes-tab
- https://stackoverflow.com/questions/1760250/how-to-tell-if-browser-tab-is-active/1760268#1760268
- https://stackoverflow.com/questions/1060008/is-there-a-way-to-detect-if-a-browser-window-is-not-currently-active
Regards,
Peter Milchev
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/.