Question

我已经使用ExtJS创建了一个下拉菜单，所有内容都按预期工作正常。但我希望它是＆＃34; drop-up＆＃34;不下拉，因为菜单栏将布置在视口的底部。我无法弄清楚要添加或更改的内容，以便将其放入＆＃34; drop-up，＆＃34;求助。

程序代码： -

Ext.create('Ext.button.Split', {
            text: 'Split Button',
            handler: onButtonClick,
            iconCls: 'start-up-icon',
            menu : {
                items: [{
                    text: '<b>Menu1</b>', handler: onItemClick
                }, {
                    text: '<b>Menu2</b>', handler: onItemClick
                }, {
                    text: '<b>Menu3</b>', handler: onItemClick
                }]
                }
});

Answer 1

使用menuAlign配置。

Ext.create('Ext.button.Split', {
    text: 'Split Button',
    menuAlign: 'bl-tl',
    menu: {
        items: [{
            text: '<b>Menu1</b>'
        }]
    }
});

Docs

ExtJS - 向上打开的下拉菜单

1 个答案: