Question

I’m just migrating from Sencha Touch 1.x to Sencha Touch 2 and I can’t find a way to pass parameters between views.

Lets say I have to views:
Place (a list with all the places)
PeopleAtPlace (A list of the people for each place)

Now what I need to do is to pass the id of the place that is pressed to the peopleatplace view so it can get the people for that specific view.

I’ve been reading Sencha’s documentation but it’s pretty confusing to me.

Could somebody please help me? A code snippet would be great help to me.

Answer 1

Controllers can be the glue between different views. I don’t know what kind of views you exactly have, but the following code can serve as a base:

Ext.define('MyApp.controller.TestController', {
    extend : 'Ext.app.Controller',

    config : {
        views : [  // you need to list all views your controller will use
            'Place', 
            'PeopleAtPlace'
        ],

        refs : {
            place : 'place',  // ComponentQuery used to find the view e.g. xtype, id, etc of the view 
            peopleAtPlace : 'peopleAtPlace'
        },

        control : {
            place : {
                select : 'onPlaceSelected' // use the appropriate event 
            }
        }
    },

    onPlaceSelected : function (view, record) {
        var peopleAtPlaceView = this.getPeopleAtPlace(); // generated by Sencha from the ref property

        // now you have the reference to the target view, you can put your logic here
        peopleAtPlaceView.doSomething(record);
    }
});