Hybrid View

  1. #1
    Sencha User
    Join Date
    Dec 2012
    Posts
    11
    Vote Rating
    0
    GregCost is on a distinguished road

      0  

    Default Architect gen Tab Panel & List - List does not show in Tab...?

    Architect gen Tab Panel & List - List does not show in Tab...?


    Am I missing something? Generated code below image.

    List code works fine independantly of the tab... can you not put a list inside a tab container or is there an option i additionally need? Thanks Greg

    Image.jpg

    Ext.define('MyApp.view.MyTabPanel', {
    extend: 'Ext.tab.Panel',
    config: {
    items: [
    {
    xtype: 'container',
    title: 'Home',
    iconCls: 'info',
    html: 'Welcome',
    itemId: 'home'
    },
    {
    xtype: 'container',
    title: 'About',
    iconCls: 'info',
    html: 'Awsome',
    itemId: 'about'
    },
    {
    xtype: 'container',
    title: 'Stylists',
    iconCls: 'info',
    html: '',
    itemId: 'contact',
    scrollable: true,
    items: [
    {
    xtype: 'list',
    docked: 'top',
    itemTpl: [
    '<div>{fname} {lname} {title}</div>'
    ],
    store: 'LSstylistStore'
    }
    ]
    }
    ],
    tabBar: {
    docked: 'bottom'
    }
    }

    });

  2. #2
    Sencha User
    Join Date
    Dec 2012
    Posts
    11
    Vote Rating
    0
    GregCost is on a distinguished road

      0  

    Default added Layout.type=fit

    added Layout.type=fit


    Needed to Add Layout: Type: Fit, which made the list display inside the tab container. In Architect select the tab containing the list and in Ext.Container layout option select "fit"

    xtype: 'container', title: 'Stylists', iconCls: 'info', html: '', itemId: 'Stylists', layout: { type: 'fit' }, scrollable: true,

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar