在Extjs中创建一个水平菜单

Question

如何在Extjs中创建水平菜单？

垂直菜单示例：

Ext.onReady(function(){ 
    var menu = Ext.create('Ext.menu.Menu', {
        width: 100,
        height: 100,
        margin: '0 0 10 0',
        renderTo: Ext.getBody(),
        floating: false,
        items: [{
            text: 'JavaScript',
        },{
            text: 'Java'
        },{
            text: 'C/C++'
        }]
    });
});

Answer 1

使用layout property(examples)

Ext.onReady(function(){ 
    var menu = Ext.create('Ext.menu.Menu', {
        layout: 'hbox',
        width: 300,
        height: 100,
        margin: '0 0 10 0',
        renderTo: Ext.getBody(),
        floating: false,
        items: [{
            text: 'JavaScript',
        },{
            text: 'Java'
        },{
            text: 'C/C++'
        }]
    });
});