This is a migrated thread and some comments may be shown as answers.

How to Navigate to Other View

3 Answers 596 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Dhananjay
Top achievements
Rank 1
Dhananjay asked on 18 Jun 2012, 03:32 AM
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

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 18 Jun 2012, 04:17 PM
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!
0
Shawn
Top achievements
Rank 2
answered on 15 Jul 2012, 04:51 PM
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.
0
Iliana Dyankova
Telerik team
answered on 16 Jul 2012, 10:43 AM
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!
Tags
ListView (Mobile)
Asked by
Dhananjay
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Shawn
Top achievements
Rank 2
Share this question
or