如何在右鍵單擊表格行時顯示電子上下文菜單

Question

我正在嘗試學習Electron並構建一個簡單的應用程序。 在HTML部分中，我有一些行的表。
我使用“electron-context-menu”NPM包創建了上下文菜單。 現在我希望當我右鍵單擊表格的任何一行時，會彈出一些菜單，比如刪除行。
例如，我有一行如下：

 <tr> <td id="name-1"></td> <td id="prog-1"><progress id='progress-1' max='100' value='0'> </progress></td> <td id="size-1"></td> <td id="status-1"></td> <td style="display:none;" id="path-1"></td> <td style="display:none;" id="link-1"></td> <td style="display:none;" id="formatid-1"></td> </tr> 

現在，當我右鍵單擊此行時，只顯示刪除行菜單，單擊該菜單后，我想調用一個函數deleteRow(this) ，它將刪除該行。
為了動態添加和刪除行，我使用的代碼來自：

這是JSFiddle

有幫助嗎？ 另外，如何獲取行中元素的ID？

Answer 1

回調后添加false參數。

new_row.addEventListener('contextmenu', function(e){
    var t = e.srcElement.id.split('-');
    id = t[1];
    menu.popup(remote.getCurrentWindow());
}, false);

Answer 2

我找到了答案：

const menu = new Menu();
menu.append(new MenuItem({
  label: 'Resume', click(){
    console.log('resume clicked');
  }
}));
menu.append(new MenuItem({type: 'separator'}));
menu.append(new MenuItem({
  label: 'Pause', click(){
    console.log('item 2 clicked');
  }
}));

我在哪里添加動態行：

new_row.addEventListener('contextmenu', function(e){
      var t = e.srcElement.id.split('-');
      id = t[1];
      menu.popup(remote.getCurrentWindow());
    });