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

Question

我在页面底部有一个 SplitButton，最初是不可见的（我们需要向下滚动才能看到底部）。当我滚动到 SplitButton，然后按箭头按钮展开 splitbutton 的菜单时，菜单出现在SplitButton 下（正如计划的那样），然后向上滚动，菜单保持在 screen 上，并且它相对于 window 定位，而不是包含 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'
            }]
        }]
    }]
});

jsfiddle 上的实时示例，一切正常。如果您仍然有问题，您应该修改 menuAlign 属性以满足您的需要：

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

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