ExtJS:如何相对于SplitButton定位SplitButton菜单
我在页面底部有一个SplitButton,最初不可见(我们需要向下滚动才能看到底部)。当我滚动到SplitButton时,然后按箭头按钮展开SplitButton的菜单,菜单出现在SplitButton(按计划)下的,然后向上滚动,菜单保持在屏幕上,并且它是相对于窗口的定位的,而不是包含的div。 我试图通过将floating:false传递给它的配置来初始化菜单,但在这种情况下,菜单根本不会展开。 如何定位SplitButton的菜单,使其始终位于SplitButton下ExtJS:如何相对于SplitButton定位SplitButton菜单,extjs,Extjs,我在页面底部有一个SplitButton,最初不可见(我们需要向下滚动才能看到底部)。当我滚动到SplitButton时,然后按箭头按钮展开SplitButton的菜单,菜单出现在SplitButton(按计划)下的,然后向上滚动,菜单保持在屏幕上,并且它是相对于窗口的定位的,而不是包含的div。 我试图通过将floating:false传递给它的配置来初始化菜单,但在这种情况下,菜单根本不会展开。 如何定位SplitButton的菜单,使其始终位于SplitButton下 我的ExtJS版本是
我的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”表示(菜单的)左上角应与(按钮的)左下角对齐,“?”表示如果没有空间,菜单应自动移动。即使我面临相同的问题。即使我面临相同的问题。