gpt4 book ai didi

javascript - 如何在右键单击表格行时显示 Electron 上下文菜单

转载 作者:可可西里 更新时间:2023-11-01 13:47:11 28 4
gpt4 key购买 nike

我正在尝试学习 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) 来删除该行。
对于动态添加和删除行,我使用的代码来自:

here is JSFiddle

有什么帮助吗?还有,如何获取行中元素的id?

最佳答案

回调后添加false参数

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

关于javascript - 如何在右键单击表格行时显示 Electron 上下文菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40525012/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com