Results 1 to 2 of 2

Thread: Passing List Information to another Panel

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Apr 2011
    Vote Rating

    Default Passing List Information to another Panel


    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).

  2. #2
    Touch Premium Member
    Join Date
    Mar 2011
    Portland, OR
    Vote Rating


    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.
    Mark Wyner, Partner, Bunker

Similar Threads

  1. Looking for information on panel management
    By taelo in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 16 Dec 2010, 12:57 PM
  2. Need help passing result of Ajax GET to an item in a panel
    By csoon1 in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 21 Aug 2009, 1:11 PM
  3. Passing Feed to Panel
    By testext in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 29 Dec 2008, 3:08 AM
  4. Server Side Paging - Passing Page Number / List Size
    By bobbymunk in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 18 Jan 2008, 9:14 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts