Javascript 如何从选项卡面板ExtJS 6实现下拉列表?

Javascript 如何从选项卡面板ExtJS 6实现下拉列表?,javascript,css,extjs,Javascript,Css,Extjs,我需要从一个选项卡面板实现一个下拉列表,与此类似 有人面临过类似的情况吗 我尝试使用treelist,但在我看来,它并不适合这种情况。请查看sencha文档中的: 你可以这样做 { xtype: 'button', text: 'MyButton', menu: { xtype: 'menu', width: 120, items: [ {

我需要从一个选项卡面板实现一个下拉列表,与此类似

有人面临过类似的情况吗

我尝试使用treelist,但在我看来,它并不适合这种情况。

请查看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'
                }
            ]
        }
    }
请查看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'
                }
            ]
        }
    }

请看你到目前为止试过什么?请看你到目前为止试过什么?