Add event in item list

[El Turcky]

Hi, I'm new here. I've got some problems with a list. I read that nested list can't join with stores. So I made this code with a simple list:

Ext.setup({
	
    icon: THECA_WEB + 'images/xxx.png',
    tabletStartupScreen: THECA_WEB + 'images/tablet_startup.png',
    phoneStartupScreen: THECA_WEB + 'images/phone_startup.png',
    glossOnIcon: false,

    onReady: function() {

		Ext.regModel('Page', {
		    fields: ['id', 'title']
		});

		var s = new Ext.data.JsonStore({
		    autoLoad: true,
		    model: 'Page',
		    proxy: {
		        type: 'ajax',
		        url: 'http://localhost/touch_test/test/getpagine/',
		        reader: {
		            type: 'json',
		            root: 'pagine'
		        }
		    }
		});
			
		var list = new Ext.List({
            fullscreen: true,
            tpl: '<tpl for="."><div class="x">{title}</div></tpl>',
            itemSelector: '.x',
            store: s
        });
	}
});

The list work correctly!! When I click an item of the list I want to enter into another page that shows me a list of details that arrives me from the array. (for example with nested list, with that I can make it manually) How can I make it dynamically?

[evant]

On your list, add an itemtap listener:

list.on('itemtap', function(list, index, item, e){
    var rec = list.store.getAt(index);
    console.log(rec.get('title'));
    // do something here
});

[El Turcky]

Perfect, thank you.

Now I need to show an edit form on the itemtap event you just suggested me.

Which is the best way to achieve this?

I mean, i know how to connect to server logic with stores and models,
but i cannot figure out how to link different "views" to different events..

thanks for your help
Nicola

[evant]

Roughly equivalent: http://www.sencha.com/forum/showthre...Lists-and-Tabs