Navigate to view on browser back button

[Jim]

I'm converting a jquery mobile app, a few pages at a time, and one page that is a kendo mobile ui page with 3 views:

1. tasklistfilterview is a view with an mvvm form that provides filtering info and then navigates to views 2 or 3 when they press the Go button.

2. tasklistgridview - shows results from view 1 in a grid

3. tasklistlistview - shows results from view 1 in a list

The user can then click a list item or grid item href with data-rel="external" that takes them to a detail view of the item.

My problem is when the user presses the back button, the grid or list views are shown as empty views with data-role="scollapsible".  I'd like to show the filterview.  

I've tried:  kendo.mobile.application.navigate("tasklistfilterview") in the jquery ready event.

 

[Petyo]

Hi,

I am not sure about the details of your setup, but at any case, mixing jQuery mobile and Kendo UI mobile app instance at the same document is not supported. If this is not your setup, may you provide more details? A dojo would definitely help here.

Regards,
Petyo
Telerik

 

 

[Jim]

I'm not mixing jqm and kendo in the same page.  That's not the issue at all.  Its simply getting my kendo ui page to act the same way on a back button press as it does on an original load, or refresh.  I know its a common issue with ajax pages,

e.g. http://stackoverflow.com/questions/6359327/detect-back-button-click-in-browser

I'm looking into the cuteness as sushi apps for hints.  I'm hoping the Router will solve my issue, will let you know.

[Jim]

Problem solved.  i added browserHistory: false to:

Kendo.mobile.Application($(document.body), {
        layout: "menulayout",
        hideAddressBar: true,
        transition: "slide",
        skin: "nova",
        browserHistory: false}