当按钮组属于溢出中的组件时,溢出按钮不起作用两次

时间:2014-01-23 09:37:54

标签: extjs extjs4.1 toolbar buttongroup overflow-menu

在论坛中查找类似的问题。

Overflow button does not work twice when a button group is among the components in the overflow.

这是固定的吗?

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

           {
                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%'
                            }
                        ]
                    }
                ]
            }

1 个答案:

答案 0 :(得分:1)

替换以下代码:

enableOverflow: true

使用以下代码:

layout: {overflowHandler: 'Menu'}