0

何か不足していますか？画像の下に生成されたコード。

リストはタブとは無関係に正常に機能します...タブコンテナ内にリストを配置できないか、追加で必要なオプションがありますか? ありがとうグレッグ

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'
        }
    }

});
4

1 に答える 1

0

レイアウトを追加する必要があります: タイプ: フィット。これにより、タブ コンテナー内にリストが表示されます。Architect でリストを含むタブを選択し、Ext.Container レイアウト オプションで "fit" を選択します。

            xtype: 'container',
            title: 'Stylists',
            iconCls: 'info',
            html: '',
            itemId: 'Stylists',
            layout: {
                type: 'fit'
            },
            scrollable: true,
于 2013-01-02T13:42:13.197 に答える