フリーjqGridメニューコンテキスト - メニューオフセット

Question

メニューが画面の右端または非常に低いレベルにあるときは、メニューが動的に左（または上）にシフトするのではなく、カットおよびマスクされます。

私のHTMLコードは次のとおりです。

<div class="contextMenu" id="runContextMenu" style="display:none"> 

私のJavascriptのコードは次のとおりです。

使用する正確 contextMenuのバージョン

$("tr.jqgrow",'#'+gridName).contextMenu('runContextMenu', { 
    bindings: { 
    }, 
    onContextMenu: function (event, menu) { 
    } }); 

Answer 1

？どのバージョンのjQuery UIを使用していますか？どのバージョンの無料のjqGridを使用しますか？

あなたが説明する問題は、contextMenuという純粋な問題のようです。異なるバージョンのcontextMenuプラグインがあります。たとえば、からpluginsまでのフォルダを使用できます。これにはthe linesが含まれており、メニューの垂直位置が固定されます。また、$("tr.jqgrow",'#'+gridName).contextMenuの代わりに$('#'+gridName).contextMenuを使用することをおすすめします。グリッドのすべての行にバインドするのではなく、1つのバインディングだけをグリッドにバインドし、ページング、ソート、またはフィルタリングのたびにloadCompleteでバインディングを再作成します。 eventパラメータがonContextMenuの場合、クリックされた行に関する完全な情報が含まれます。あなたは

var rowid = $(event.target).closest("tr.jqgrow").attr("id"); 

がrowidを取得するために使用することができます。 hereを参照してください。

別のcontextMenuプラグインを使用することもできます（例：https://swisnl.github.io/jQuery-contextMenu/）。