ap..navigate finish event?

[Lumir]

Hi,

we want to change the title in navbar according to some global variables.
after navigating to another application page via app.navigate('ksettings.html') it's not possible to call title method of the navbar, eg.

$("#photonavbar").data("kendoMobileNavBar").title( g_models.ParamsVM.valSpecNames.join(' ' ) );

because $("#photonavbar").data("kendoMobileNavBar") is undefined.
Event indicating all kendo structures are initiated would be usefull.

How to track that page was succesfully navigated and all kendo structures are instantiated?

Thanks in advance

[Kiril Nikolov]

Hi Lumir,

There is not event that is fired when the app.navigate() finishes loading. But I would suggest you to take a look at the event fired when a view is loaded - the one that you navigate to, for example afterShow event.

Please check this link for more information:

http://docs.kendoui.com/api/mobile/view#events-afterShow

Regards,
Kiril Nikolov
Telerik

[Brandon Peterson]

Lumir, for those occasions where a callback function would be more appropriate than the afterShow event (which would fire every time the view is navigated to) you can use the following method:

navigate: function (url, transition, fnComplete) {
            if (transition && fnComplete) {
                var view = $(url);
                if (view) {
                    view.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function () {
                        fnComplete();
                        $(this).unbind(); //remove transitionend listener
                    });
                }
                this.pane.navigate(url, transition);
            } else {
                this.pane.navigate(url, transition);
            }
        }

Attached is the unminified modification of kendo.mobile.application.js (Q3 2013.3.1220).

[Brandon Peterson]

Note: this approach only works when specifying a view transition in order to programmatically handle the destination view afterShow event