Jupyter Lab扩展开发：能否从已有标签页新建标签页？

完全可行，Jupyter Lab的核心架构支持通过API管理标签页（文档部件），结合你正在探索的widgets，就能实现点击功能打开新标签页的需求。以下是具体实现思路：

• 获取Shell实例：Jupyter Lab的IShell是管理标签页和部件的核心接口，需要先将其注入到你的widget或扩展中。比如在自定义widget的构造函数中注入：

  import { IShell } from '@jupyterlab/application';
  import { Widget } from '@lumino/widgets';
  
  class MyCustomWidget extends Widget {
    constructor(shell: IShell) {
      super();
      this.shell = shell;
      this._initActionButton();
    }
  
    private shell: IShell;
  
    private _initActionButton(): void {
      const triggerBtn = document.createElement('button');
      triggerBtn.textContent = '打开新标签页';
      triggerBtn.addEventListener('click', () => this._openTargetTab());
      this.node.appendChild(triggerBtn);
    }
  }
  

• 创建并打开新标签页：在点击事件处理函数中，实例化目标widget，设置必要的标识和标题后，通过Shell的add方法将其添加到主区域并激活：

  private _openTargetTab(): void {
    // 实例化你要打开的目标Widget（替换成你的实际Widget类）
    const newTabWidget = new TargetWidget();
    // 设置唯一ID和标签标题
    newTabWidget.id = `custom-target-tab-${Date.now()}`;
    newTabWidget.title.label = '我的新标签';
    newTabWidget.title.closable = true;
    // 添加到主区域并激活该标签
    this.shell.add(newTabWidget, 'main', { activate: true });
  }
  

• 激活已有标签页（可选）：如果想打开的是已存在的标签页而非新实例，直接调用shell.activateById()方法，传入目标部件的ID即可：

  // 激活ID为"existing-target-tab"的标签页
  this.shell.activateById('existing-target-tab');
  

• 关键注意点：

  • 自定义Widget必须继承自@lumino/widgets的Widget类，这是Jupyter Lab部件的基础。
  • 在扩展的activate函数中，可以直接通过app.shell获取Shell实例，或者在依赖列表中声明IShell来注入。
  • 设置title.closable = true可以让用户关闭标签页，符合Jupyter Lab的交互逻辑。

内容的提问来源于stack exchange，提问作者Vanessa