extjs - 当按钮组位于溢出中的组件中时，溢出按钮不起作用两次

Question

在论坛上查找了类似的问题。

当按钮组位于溢出中的组件中时，溢出按钮不会工作两次。

这是固定的吗？

我的工具栏代码片段如下所示：

           {
                id: 'mypanel',
                xtype: 'panel',
                autoScroll: true,
                region: 'center',
                layout: 'border',
                dockedItems:[{
                    xtype: 'toolbar',
                    dock: 'top',
                    enableOverflow: true,
                    items:[
                        {

                            xtype: 'buttongroup',
                            region: 'north',
                           // minHeight: 50,
                            //autoScroll: true,
                            items:  getButtons4()
                        },
                        {

                            xtype: 'buttongroup',
                            region: 'north',
                           // minHeight: 70,
                            //autoScroll: true,
                            items:  getButtons3()
                        },
                        {

                            xtype: 'buttongroup',
                            region: 'north',
                            //minHeight: 70,
                            //autoScroll: true,
                            items:  getButtons1()
                        },
                        {

                            xtype: 'buttongroup',
                            region: 'north',
                            //minHeight: 70,
                            //autoScroll: true,
                            items:  getButtons2()
                        },
                        {

                            xtype: 'buttongroup',
                            region: 'north',
                            title: 'Others',
                            //minHeight: 70,
                            //autoScroll: true,
                            items:  getOtherButtons()
                        }
                    ]
                }],
                items: [
                    {
                        xtype: 'tabpanel',
                        id: 'mytabpanel',
                        activeTab: 0,
                        layout: 'fit',
                        region: 'center',
                        disabled: 'true',
                        items:[
                            {

                                xtype: 'gridpanel',
                                height : '80%',
                                width : '100%'
                            },
                            {

                                xtype: 'gridpanel',
                                height : '80%',
                                width : '100%'
                            }
                        ]
                    }
                ]
            }

Answer 1

替换您的以下代码：

enableOverflow: true

使用我的以下代码：

layout: {overflowHandler: 'Menu'}