javascript - 如何需要从 ExtJS 6 选项卡面板实现下拉列表？

Question

我需要从类似于此的选项卡面板实现下拉列表

有人遇到过类似的事情吗？

我尝试使用树列表，但在我看来，它并不适合这种情况。

Answer 1

请查看 Ext.menu.Menu在 sencha 文档中:

你可以做这样的事情

{
        xtype: 'button',
        text: 'MyButton',
        menu: {
            xtype: 'menu',
            width: 120,
            items: [
                {
                    xtype: 'menuitem',
                    text: 'Menu Item',
                    menu: {
                        xtype: 'menu',
                        width: 120,
                        items: [
                            {
                                xtype: 'menuitem',
                                text: 'Menu Item'
                            },
                            {
                                xtype: 'menuitem',
                                text: 'Menu Item'
                            },
                            {
                                xtype: 'menuitem',
                                text: 'Menu Item',
                                menu: {
                                    xtype: 'menu',
                                    width: 120,
                                    items: [
                                        {
                                            xtype: 'menuitem',
                                            text: 'Menu Item'
                                        },
                                        {
                                            xtype: 'menuitem',
                                            text: 'Menu Item'
                                        },
                                        {
                                            xtype: 'menuitem',
                                            text: 'Menu Item'
                                        }
                                    ]
                                }
                            }
                        ]
                    }
                },
                {
                    xtype: 'menuitem',
                    text: 'Menu Item'
                },
                {
                    xtype: 'menuitem',
                    text: 'Menu Item'
                }
            ]
        }
    }