调整屏幕大小时不显示ExtJS工具栏溢出处理程序

fivyi3re  于 2022-11-04  发布在  其他
关注(0)|答案(1)|浏览(176)

我在面板标题内创建了一个工具栏,但在调整屏幕大小时,溢出菜单没有出现。
未调整屏幕大小时的菜单

在屏幕上调整大小按钮未显示在溢出菜单中。

Ext.application({
    name: 'Fiddle',
    launch: function () {
        Ext.onReady(function () {
            Ext.create('Ext.panel.Panel', {
                width: 500,
                height: 500,
                renderTo: Ext.getBody(),
                collapsible: true,
                header: {
                    title: {
                        text: 'title',
                        flex: undefined
                    },
                    items: [{
                        xtype: 'toolbar',
                        width: 400,
                        overflowHandler: 'menu',
                        items: [{
                            xtype: 'button',
                            text: 'test1'
                        }, {
                            xtype: 'button',
                            text: 'test2'
                        }, {
                            xtype: 'button',
                            text: 'test3'
                        }, {
                            xtype: 'button',
                            text: 'test4'
                        }, {
                            xtype: 'button',
                            text: 'test5'
                        }, {
                            xtype: 'button',
                            text: 'test6'
                        }],

                    }, {
                        xtype: 'tbfill'
                    }]

                }
            });
        });
    }
});
bpsygsoo

bpsygsoo1#

这里有一个小问题。我使用hbox设置了一个布局,并在页眉中的两个不同组件上设置了一个flex。还将面板和页眉设置为可调整大小:是的。

相关问题