How to switch views programatically.

[Richard]

I have an application that contains kendoGrids. In the grids I have click events on column templates. So when a click happens I need to show a different view. I have a tabStrip as my navigational control, but during the click event I can not get the kendoMobileTabStrip object. It always comes back as undefined. So unfortunately I can't get to switchTo function. I'm using...
 
var tabStrip = $('#navigation').data('kendoMobileTabStrip');

Can someone advise please?

[Petyo]

Hello,

You can use the (currently undocumented) application.navigate(url) method, where application is your mobile application instance.

All the best,
Petyo
the Telerik team

[Richard]

That worked nicely. Thank you for the help. But I did have to play around with the way I was getting the instance of the application for it to work correctly. For some reason when I was initializing the application in the js file the page would go blank when navigate was called. And the transitions were not sliding in the original directions. So in case anyone else comes across some issues with the application instance, here is how I handled it.

This is my js module...

var ActivitiesApp = (function () { 
    var _app = undefined; 
    return { 
        init: function () { 
            $("#btnTech").on('click', function () { 
                ActivitiesApp.getApplication().navigate('#techActivitiesView'); 
            }); 
        }, 
        getApplication: function () { 
            return _app; 
        }, 
        setApplication: function (app) { 
            _app = app; 
            return this; 
        } 
    }; 
} ()); 
$(document).ready(function () { ActivitiesApp.init(); });

This is on the htm page...

<script type="text/javascript"> 
    ActivitiesApp.setApplication(new kendo.mobile.Application($(document.body), { 
            layout: "mobileManagerLayout", 
            hideAddressBar: true, 
            transition: "slide" 
        })
    ); 
</script>