Passing List Information to another Panel

[ViralCipher]

Hello,

I want to create an application which has a list, and when the user clicks on an item in the list, the information from that list is passed to another panel on a different card/screen of a TabPanel, so essentially, I want when the user clicks a list item it goes to another screen with more details about that item. The new panel will have more information such as an image, some of the data fields from the list item that was clicked passed to it, and a toolbar of buttons at the bottom. I am not sure how to go about doing this.

i also want when the user clicks an item that a new tab is created for it with the title of the tab set to one of the data fields (i.e. the name of the item).

[markwyner]

I ran into some hangups with this early on, too. You can add a listener to the list items to trigger the new panel:

var YourPanel = new Ext.Panel({
	items: [{
		xtype: 'list',
		listeners: {
			itemtap: function(list, index) {
				DetailsPanel.dockedItems.items[0].setTitle('Selected Name'); // update toolbar title
				DetailsPanel.setActiveItem('items_details', {type:'slide', direction:'left'}); // load new panel
			}
		}
	}]
});

I commented the two events in there. One loads the new panel, which is what you were asking about. But I thought it would be helpful to know how to also update a toolbar to show a contextually-relevant title.

That should push you in the right direction.

Good luck.