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
    16,798
    Vote Rating
    602
    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
    16,798
    Vote Rating
    602
    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
    16,798
    Vote Rating
    602
    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
    16,798
    Vote Rating
    602
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi