Navigate to view on browser back button

4 posts, 0 answers
  1. Jim
    Jim avatar
    6 posts
    Member since:
    Apr 2014

    Posted 13 Mar Link to this post

    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.

     

  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 16 Mar Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Jim
    Jim avatar
    6 posts
    Member since:
    Apr 2014

    Posted 19 Mar in reply to Petyo Link to this post

    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.

  5. Jim
    Jim avatar
    6 posts
    Member since:
    Apr 2014

    Posted 19 Mar Link to this post

    Problem solved.  i added browserHistory: false to:

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

Back to Top
Kendo UI is VS 2017 Ready