Question

我在页面底部有一个SplitButton，最初不可见（我们需要向下滚动才能看到底部）。当我滚动到SplitButton，然后按箭头按钮展开splitbutton的菜单，菜单出现在 SplitButton下（按计划），然后向上滚动，菜单保留在屏幕上，并且相对于窗口定位，而不是包含div。我尝试通过将 floating：false 传递给它的配置来初始化菜单，但在这种情况下，菜单根本不会扩展。如何定位SplitButton的菜单，使其在SplitButton下始终？

我的ExtJS版本是4.07

Answer 1

我认为你做错了什么。我试过了：

Ext.create('Ext.Panel', {
    renderTo: Ext.getBody(),
    html: 'loooooong panel',
    height: 1500,
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',
        items: [{
            xtype: 'splitbutton',
            text: 'My button',
            menu: [{
                text: 'Menu1'
            },{
                text: 'Menu2'
            }]
        }]
    }]
});

实例on jsfiddle，一切正常。如果您仍有问题，则应修改menuAlign属性以满足您的需求：

 menu: [{
      text: 'Menu1'
 },{
      text: 'Menu2'
 }],
 menuAlign: 'tl-bl?' // Default

其中'tl-bl？'表示左上角（菜单）应与左下角（按钮）和'？'对齐意味着如果没有空间，菜单应该自动移动。

ExtJS：如何相对于SplitButton定位SplitButton菜单

1 个答案: