Ext.menu.Menu позиционирования

Question

Я пытаюсь выстроить меню, которое я создал, используя Ext.menu.Menu. Как вы можете видеть ниже, меню отображается 1 пиксель справа от его родителя.

Какой лучший способ сделать это идеально выровненным? Я кратко изучил getPostion() и setPosition() и не уверен, что это правильный способ сделать это.

Мой код меню довольно прост:

var userMenu = new Ext.menu.Menu({
    id: 'userMenu',
    width: 120,
    height: 70,
    items: [
        {
            text: 'My Settings',
            handler: settingsHandler                    
        },
        {
            text: 'Sign out',
            handler: signoutHandler         
        }   
        ]
    });     

       var menuHandler = function(e) { 
            userMenu.show('parent-menu');    
       }; 

       Ext.get('parent-menu').on('click',menuHandler);

Есть что-нибудь, что я могу здесь добавить? Заранее спасибо!

Answer 1

Зачем вызывать метод show?
Вы можете просто сделать следующее, если ваше меню находится на панели инструментов.

var userMenu = new Ext.menu.Menu({
  id: 'userMenu',
  width: 120,
  height: 70,
  items: [
    {
        text: 'My Settings',
        handler: settingsHandler                    
    },
    {
        text: 'Sign out',
        handler: signoutHandler         
    }   
  ]
});

    /*Define a toolbar */
    tbar: [{
        text: 'Menu',
        menu: userMenu /*no need to call userMenu.show()*/
    }]

Answer 2

На данный момент смог использовать jQuery после того, как показывается меню для его перемещения:

        var menuLeft = $('#userMenu').position().left;
        $('#userMenu').css('left',(menuLeft-1)+"px");