How to Navigate to Other View

4 posts, 0 answers
  1. Dhananjay
    Dhananjay avatar
    5 posts
    Member since:
    Apr 2011

    Posted 17 Jun 2012 Link to this post

    HI , 

    I have a IDetail view as following , 

    <div data-role="view" id="SessionDetails" data-transition="slide" data-layout="default" data-show="showDetailsView">
            <header data-role="header">
            <div data-role="navbar">
                <a data-role="backbutton" data-align="left">Back</a>
                <span data-role="view-title">Session</span>
            </div>
            </header>
     
     
            <div data-role="content">
            </div>
        </div>

    On the click event of ListView Item I need to navigate to this view .. I am handling click event as following , 

    $("#sessionsView").kendoMobileListView(
    {
        template: "<strong>${Title }</strong><br/><a data-role=\"detailbutton\" data-style=\"detaildisclose\"></a>",
        endlessScroll: true,
        scrollTreshold: 30,
        dataSource: sessionData,
        click: sessionDetailsViewClick
    });

    and sessionDetailsViewClick function is written as following ,

    var sessionDetailsViewClick = function (e) {
                     console.log(e.dataItem.Title);
                     console.log("Navigate to Detail View from here");
                 }

    I am successfully getting selected Title, I need to pass this as queryparamter to detail view while navigating. Any help would be much appreciated 

    Thanks
    Dhananjay Kumar
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 18 Jun 2012 Link to this post

    Hi Dhananjay,

    Please check this topic from our online documentation - it discusses the mobile application, the views and navigation between them, etc.

     
    Regards,

    Iliana Nikolova
    the Telerik team
    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. Shawn
    Shawn avatar
    43 posts
    Member since:
    Dec 2011

    Posted 15 Jul 2012 Link to this post

    I looked at the article you posted and I am interested in knowing how to fire an event when a local view comes back into focus.  For example I go from a list view to a detailed view and then back to the list view.  When I go back to the list view from the detail view I want an event to fire - how can this be accomplished.  The data-init even only fires once and then never fires again.
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 16 Jul 2012 Link to this post

    Hello Shawn,

    For your scenario you could use the Kendo UI Mobile show event - it fires every time when the mobile View becomes visible. 
     
    Greetings,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready