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

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

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


我的ExtJS版本是4.07

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

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'
            }]
        }]
    }]
});
举个例子,一切都很好。如果仍然存在问题,则应修改menuAlign属性以满足您的需要:

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

其中“tl bl”表示(菜单的)左上角应与(按钮的)左下角对齐,“?”表示如果没有空间,菜单应自动移动。

我认为您做错了什么。我试过:

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'
            }]
        }]
    }]
});
举个例子,一切都很好。如果仍然存在问题,则应修改menuAlign属性以满足您的需要:

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

其中“tl bl”表示(菜单的)左上角应与(按钮的)左下角对齐,“?”表示如果没有空间,菜单应自动移动。

即使我面临相同的问题。即使我面临相同的问题。