O'Reilly logo

Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API by Ragini Kumbhat Bhandari, Nishanth Nair

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Theaters list screen

Once the user selects a movie by tapping on the item in the Movie list screen, the user is redirected to the Theater list screen where a list of theaters with addresses and showtimings is displayed.

The JavaScript module

Let's start building this screen by creating the JavaScript module with ViewModel for the view and associated methods. Create a file called theaters-movie-list.js in the js folder and add its reference in the index.html file. The design of the module is similar to that of the Movies list screen:

MovieTickets.theaterListForMovie = (function () {

    //ViewModel to be bound to the view
    var viewModel = kendo.observable({
        theaterList: {},
        selectedMovie: {
            movieId: "",
            movieName: "",
            rating: "",
            imageUrl:""
 }, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required