Javascript Ext.menu.menu定位

我正在尝试排列使用

Ext.menu.menu

创建的菜单。如下图所示，菜单显示在其父菜单右侧1个像素处

最好的方法是什么来让这个完全对齐？。我已经简单地研究了

getposition（）

和

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);

---

有什么我可以补充的吗？提前谢谢

现在，我们可以在显示菜单后使用jQuery移动它：

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

---

现在，我们可以在显示菜单后使用jQuery来移动它：

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

---

为什么要调用

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()*/
    }]

---

为什么要调用

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()*/
    }]

---

你能提供使用

userMenu

对象的代码吗？这很奇怪。你在哪个浏览器中看到这个？如果是IE，你设置了你的doctype吗？在FF4、IE9、Chrome中看到了同样的东西。你能提供你使用

userMenu

对象的代码吗？这很奇怪。你在哪个浏览器中看到这个？如果是IE，你设置了你的doctype吗？在FF4，IE9，Chrome中看到同样的东西。