1. #1
    Ext User
    Join Date
    Aug 2010
    Location
    Paris
    Posts
    24
    Vote Rating
    0
    Everio is on a distinguished road

      0  

    Default Load another page with TabPanel

    Load another page with TabPanel


    PHP Code:
    app.Messages = new Ext.TabPanel({
        
    cls'cards',
        
    tabBar: {
            
    dock'bottom',
            
    ui'light',
            
    layout: {
                
    pack'center'
            
    }
        },
        
    ui'light',
        
    animation: {
            
    type'slide',
            
    covertrue
        
    },
        
    defaults: {
            
    scroll'vertical',
        },
        
    items: [{
            
    title'About',
            
    html'<p>eeee</p>',
            
    iconCls'info',
            
    cls'card'
        
    },
        {
            
    title'Favorites',
            
    html'Favorites Card',
            
    iconCls'favorites',
            
    cls'card',
        }],
        
    }) 
    With this code, I load html code for each item, but I want to load a new Panel or news elements and not only html. How do I do ?
    My Twitter : http://twitter.com/_RomainRichard
    My Web Site: http://www.romain-richard.fr/
    French developer (so my english might not be perfect)

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,050
    Vote Rating
    658
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Use the items configuration, let's say you want to a carousel as a tab item:
    Code:
    new Ext.TabPanel({
        fullscreen: true,
        items: [{
            xtype: 'carousel',
            items: [{
                html: 'First item'
            },{
                html: 'Second item'
            }]
        }]
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Ext User
    Join Date
    Aug 2010
    Location
    Paris
    Posts
    24
    Vote Rating
    0
    Everio is on a distinguished road

      0  

    Default


    But I want to add several items in a tabBar
    I try this :
    PHP Code:
    var liste1 = new Ext.List({
        
    title'About',
        
    iconCls'info',
            
    cls'card',
        
    data:[
            {
    name:'mike'age:34},
            {
    name:'jack'age:12}
        ]
    });
            
    var 
    liste2 = new Ext.List({
        
    title'Test',
        
    iconCls'info',
            
    cls'card',
        
    data:[
            {
    name:'paul'age:23},
            {
    name:'john'age:24}
        ]
    });

    app.Messages = new Ext.TabPanel({
        
    cls'cards',
        
    tabBar: {
            
    dock'bottom',
            
    ui'light',
            
    layout: {
                
    pack'center'
            
    }
        },
        
    ui'light',
        
    animation: {
            
    type'slide',
            
    covertrue
        
    },
        
    defaults: {
            
    scroll'vertical',
        },
        
    items: [{
            
    xtype'list',
            
    items:[liste1,liste2]
        }]
        
    }) 
    I want 2 page in my Tabbar with inside each list.
    (sorry for my english, I'm french)
    My Twitter : http://twitter.com/_RomainRichard
    My Web Site: http://www.romain-richard.fr/
    French developer (so my english might not be perfect)

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,050
    Vote Rating
    658
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Code:
    new Ext.TabPanel({
        items: [{
            title: 'List 1',
            xtype: 'list',
            // ....
        },{
            title: 'List 2',
            xtype: 'list',
            // ....
        }]
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Ext User
    Join Date
    Aug 2010
    Location
    Paris
    Posts
    24
    Vote Rating
    0
    Everio is on a distinguished road

      0  

    Default


    I try this, I see tabBar but I cant see lists :
    PHP Code:
    app.Messages = new Ext.TabPanel({
        
    cls'cards',
        
    tabBar: {
            
    dock'bottom',
            
    ui'light',
            
    layout: {
                
    pack'center'
            
    }
        },
        
    ui'light',
        
    animation: {
            
    type'slide',
            
    covertrue
        
    },
        
    defaults: {
            
    scroll'vertical',
        },
        
    items: [{
            
    xtype'list',
            
    title'Test',
            
    iconCls'info',
            
    cls'card',
            
    data:[
                {
    name:'paul'age:23},
                {
    name:'john'age:24}
            ]
        },{
            
    xtype'list',
            
    title'About',
            
    iconCls'info',
            
    cls'card',
            
    data:[
                {
    name:'mike'age:34},
                {
    name:'jack'age:12}
            ]
        }]
        
    }); 
    My Twitter : http://twitter.com/_RomainRichard
    My Web Site: http://www.romain-richard.fr/
    French developer (so my english might not be perfect)

  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,050
    Vote Rating
    658
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Because you haven't specified a template, or an itemSelector for either list.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  7. #7
    Ext User
    Join Date
    Aug 2010
    Location
    Paris
    Posts
    24
    Vote Rating
    0
    Everio is on a distinguished road

      0  

    Default


    Thanks you it's work.
    My Twitter : http://twitter.com/_RomainRichard
    My Web Site: http://www.romain-richard.fr/
    French developer (so my english might not be perfect)

  8. #8
    Ext User
    Join Date
    Aug 2010
    Location
    Paris
    Posts
    24
    Vote Rating
    0
    Everio is on a distinguished road

      0  

    Default


    And if I want to load my lists dynamically with Ext.util.JSONP.request, I dont find public event to execute this.
    My Twitter : http://twitter.com/_RomainRichard
    My Web Site: http://www.romain-richard.fr/
    French developer (so my english might not be perfect)

  9. #9
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,050
    Vote Rating
    658
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    The store has a loadData method or you can use a store with a scripttag proxy.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  10. #10
    Ext User
    Join Date
    Aug 2010
    Location
    Paris
    Posts
    24
    Vote Rating
    0
    Everio is on a distinguished road

      0  

    Default


    And last question, I dont see how I cant load another page when I select an element in my list.
    My Twitter : http://twitter.com/_RomainRichard
    My Web Site: http://www.romain-richard.fr/
    French developer (so my english might not be perfect)

Similar Threads

  1. Tabpanel load IFRAME page
    By yugikhoi in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 30 Jul 2010, 9:12 PM
  2. How to load a page into a tabpanel
    By rookie007 in forum Ext 3.x: Help & Discussion
    Replies: 8
    Last Post: 25 Sep 2009, 12:47 AM
  3. Replies: 10
    Last Post: 11 Mar 2009, 12:54 AM
  4. How can I load aspx page on TabPanel?
    By lemonee in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 5 Aug 2008, 6:09 AM
  5. TabPanel load another Ext page
    By bkraut in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 20 Nov 2007, 10:41 AM

Thread Participants: 1