Question

我错过了什么吗？在图像下面生成代码。

列表可以独立于选项卡工作...你不能在列表容器中放一个列表，还是有额外需要的选项？谢谢Greg

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',
                        styleHtmlContent: true,
                        itemTpl: [
                            '<div>{fname} {lname} {title}</div>'
                        ],
                        store: 'LSstylistStore'
                    }
                ]
            }
        ],
        tabBar: {
            docked: 'bottom'
        }
    }

});

Answer 1

需要添加布局：类型：适合，使列表显示在选项卡容器内。在Architect中选择包含列表的选项卡，在Ext.Container布局选项中选择“fit”

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

Sencha Architect编码代码选项卡Panel＆amp;列表 - 列表不显示在选项卡...？

1 个答案: