extjs - extjs4のグリッドセルのアイコンの下にメニューを表示する方法

Question

私のグリッドでは、セルにアイコンを配置し、クリック イベントでメニュー オプションを表示しています。メニューは event.getXY() の位置で表示されますが、アイコンの下部または次のような特定のセルから開始するメニューを表示したい:

または、標準プラグインのように、セルの下部からカレンダーを開きます。前もって感謝します。

Answer 1

itemcontextmenu: function (grid, rec, item, index, event) {
    event.preventDefault();
    var rect = event.target.parentElement.getBoundingClientRect(); // try to play with or without 'parentElement'
    var x = rect.left;
    var y = rect.top + rect.height;
    myMenu.showAt(x, y);
}

Chrome、IE9 でテスト済み