如何在Jupyter Notebook的仪表板中向工具栏添加动作？

Question

我正在为Jupyter Notebook创建自定义前端扩展。这些操作将通过Notebook Dashboard和Notebook Editor中的按钮触发。

扩展名会影响单个或多个文件（例如已经存在的“移动”，“复制”等等 - 按钮确实如此）。因此，生成的按钮可能如下所示：

由于this tutorial，我已经可以在Notebook编辑器的工具栏中放置按钮，但我仍然无法在控制板的工具栏中添加操作。

如何将动作添加到jupyter仪表板中的工具栏？

Answer 1

您可以使用一些jQuery来获得此效果。例如，如果您希望按钮出现在“删除”按钮之前，则可以添加类似

的内容

$('<button/>')
    .addClass('my-new-button btn btn-default btn-xs')
    .attr('title', 'My New Button')
    .attr('aria-label', 'My New Button')
    .text('My New Button')
    .insertBefore('.delete-button')
    .on('click', function () {...});

这有点脆弱，因为它依赖于该位置的'.delete-button'，但文档指出前端API无论如何都不是很稳定。此外，可能始终显示该按钮，因为我还没有找到访问selected列表的方法并检查是否应该显示该按钮。最后，这可能不适用于JupyterLab，它是未来™

这可以在nbextension（请参阅frontend extensions和distributing extensions）中进行，以便于安装。