0

ツールバーとタブで構成されるパネルがあります。各タブには、リストとボタンが必要です。次のように追加しようとしているリストを除いて、これは正しく設定されていると思います。

Ext.define('Myapp.view.Search', {
xtype: 'search',
extend: 'Ext.tab.Panel',

    config: {
        activeItem: 0,
        tabBar: {
            docked: 'top',
            autoScroll: 'auto',
            ui: 'light',
            layout: {
                pack: 'center'
            }
        },

        items: [
        {
            xtype:'toolbar',
            docked:'top',
            ui: 'light',
            title: 'Search'
        },

            {
                title: 'Tab 1',
                xtype: 'formpanel',
                items: [
                    {
                        xtype: 'Mylist' //DOES NOT WORK
                    },
                    {
                        xtype: 'panel',
                        defaults: {
                            xtype: 'button',
                            style: 'margin: 0.1em',
                            flex : 1
                        },
                        layout: {
                            type: 'hbox'
                        },
                        items: [
                            {
                                text: 'Button 1',
                            }
                        ]
                    }
                ]
            },
            {
                title: 'Tab 2',
                xtype: 'formpanel',
                items: [
                    {
                        xtype: 'panel',
                        defaults: {
                            xtype: 'button',
                            style: 'margin: 0.1em',
                            flex : 1
                        },
                        layout: {
                            type: 'hbox'
                        },
                        items: [
                            {
                                text: 'Button 1',
                            }
                        ]
                    }
                ]
            }
        ]
    }
});

私が間違っていることを教えてください。助けてくれてありがとう！

編集：以下にマイリストを追加：

Ext.define('Myapp.view.Mylist', {
    extend: 'Ext.dataview.NestedList',
    xtype: 'Mylist',

    config: {
        store: 'Sections'
    },

    getTitleTextTpl: function() {
        return '{name}';
    },
    getItemTextTpl: function(node) {
        return '<strong>{name}</strong>';
    },
});
4

2 に答える 2

0

リストビューでリストを定義する場所は、次のように言う必要があります

alias:'widget.Mylist'

それ以外の

xtype:'Mylist'

また、あなたのリストにはitemTpl設定が必要です。

config: {
        store: 'Sections',
        itemTpl:'{example}'
    }

また、リストを駆動するストアが機能している限り、リストは正しく表示されるはずです

于 2012-04-06T22:15:56.503 に答える