ap..navigate finish event?

4 posts, 0 answers
  1. Lumir
    Lumir avatar
    3 posts
    Member since:
    Aug 2013

    Posted 26 Aug 2013 Link to this post


    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
  2. Kiril Nikolov
    Kiril Nikolov avatar
    2596 posts

    Posted 28 Aug 2013 Link to this post

    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:


    Kiril Nikolov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Brandon Peterson
    Brandon Peterson avatar
    50 posts
    Member since:
    May 2007

    Posted 07 Feb 2014 in reply to Kiril Nikolov Link to this post

    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 () {
                            $(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).
  4. Brandon Peterson
    Brandon Peterson avatar
    50 posts
    Member since:
    May 2007

    Posted 07 Feb 2014 in reply to Brandon Peterson Link to this post

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