vscode enable/disable命令在自定义树视图中，基于节点/item的属性

Question

我目前正在研究一种自定义VSCODE扩展程序，该扩展是从远程API获取数据并在自定义树视图中提供数据。 TreeView本身允许基于某些预定义的标准（例如搜索词）与API和IE过滤器结果进行交互。

出于简单原因，我创建了一个自己的 github project 只是专注于基本的设置和配置在某些假API方法上或多或少可运行但提供类似典型的CRUD API提供的树木。

_{^{gif进行了调整以适合2MB限制，因此}}

在treeview上显示命令时 会产生丑陋的文物 由自定义treedataprovider和treeitem定义的代码>，通过定义以下内容

...
{
  "contributes":
      "commands": [
          {
              "command": "extension.myTreeView.filter",
              "title": "Filter",
              "icon": "$(filter)",
              "when": "view == extension.myTreeView"
          },
          {
              "command": "extension.myTreeView.resetFilter",
              "title": "Reset Filter",
              "shortTitle": "Reset",
              "icon": "$(close)",
              "enablement": "view == extension.myTreeView && extension.myTreeView.hasFilter",
              "when": "view == extension.myTreeView && extension.myTreeView.hasFilter"
          },
          {
              "command": "extension.myTreeView.delete",
              "title": "Delete Item",
              "shortTitle": "Delete",
              "icon": "$(trash)",
              "when": "view == extension.myTreeView && viewItem == archive"
          }
          ...
      ],
      "menus": {
          "view/title": [
              {
                  "command": "extension.myTreeView.filter",
                  "when": "view == extension.myTreeView"
                  "group": "navigation@1"
              },
              {
                  "command": "extension.myTreeView.resetFilter",
                  "when": "view == extension.myTreeView",
                  "group": "navigation@2"
              },
              ...   
          ],
          "view/item/context": [
              ...
              {
                  "command": "extension.myTreeView.delete",
                  "when": "view == extension.myTreeView && viewItem == archive",
                  "group": "inline@3"
              }
          ]
      }
},
...

：我以某种方式努力为针对特定项目本身的命令添加有利条件。即，树允许下载该节点表示的项目（或附加到）中包含的某些文件。这样的节点可能会或可能没有附带的文件，因此启用下载操作仅对于至少有文件可以下载的节点才有意义。虽然通常下载该内容或渲染以触发下载操作的按钮并不是问题，但该命令的启用选项是我有点不知情的地方。

我通过定义了此类树节点的不同种类的contextValue来暂时“解决”该问题，一个用于存档，一个没有文件可以下载。尽管总体上似乎解决了这个问题，但它a）不合适，b）导致下游问题。想象一下，可以将档案锁定，以防止不属于该组的用户存档被锁定以进行实际下载。这只是一个虚构的情况，但应该说明您可能最终会结合该contextValue变量中的属性字段的组合，您或多或少需要在该启用语句中解析。每个可能的上下文值选项必须通过整个命令和菜单类似的定义来携带：

...
{
    "command": "extension.myTreeView.delete",
    "when": "view == extension.myTreeView && viewItem == archive || viewItem == archiveWithFiles || viewItem == ...",
    "group": "inline@2"
},
...

通常.com/api/references/wher-clause-contexts＃add-a-custom-当custom-当c-custom-custem-pherause-context“ rel =“ nofollow noreferrer”>自定义上下文变量，例如hasfilter在上面显示的示例命令配置中，可以在enablement和中使用等级时，可用于显示/hide或hide或启用/禁用某些命令，但是这些似乎是仅在整棵树本身，而不在特定的树项目上工作。 IE示例应用程序使用以下代码来启用/禁用resetFilter命令，该命令是基于是否定义的：

    ...

    public async updateFilter(filter: Filter): Promise<void> {
        this.filter = filter;

        await commands.executeCommand("setContext", TestTreeDataProvider.CONTEXT_HAS_FILTER, true);
        this.items = [];
        this._onDidChangeTreeData.fire();
    }

    private async resetFilter(): Promise<void> {
        this.filter = undefined;
        await commands.executeCommand("setContext", TestTreeDataProvider.CONTEXT_HAS_FILTER, false);
        this.items = [];
        this._onDidChangeTreeData.fire();
    }

这起作用，因为这或多或少是对树本身的全局操作，并且具有一个它反应的单一财产来源。但是，此类上下文值可能只有分配给它们的基本类型或仅在条款中检查其可用性的键（又称属性名称）的对象。我可能会创建每个树生成的树项目的自定义上下文变量，但是我需要某种形式的解决机制，因为每个上下文值名称必须不同，否则它们被下一个节点的上下文值所覆盖。而且，由于树可以容纳大量节点，因此我觉得每个节点上的上下文值也不是很表现的。最后，这里似乎缺少的是一种将函数定义为上下文值的方法，该函数允许当前节点（TreeItem或该节点所引用的实际对象）为输入，并且需要将基本类型之一返回为输出，即true或false确定是否应启用该项目。

而 /a>听起来可能相似，它实际上要求当我只想在该树项目上执行的命令以基于某些树项目的当前属性值启用/禁用的命令时，它实际上要求禁用整个树项目节点。可以通过treeTem s的某种样式通过filedecorationProvider's完成。这个问题也是由于vScode内部的错误而导致的，该错误似乎并不迫使rerender对启用警卫进行的任何更改。

我觉得在此问题上必须有一个更容易的解决方案，这就是为什么我在这里问。简而言之，如何基于当前树项目的上下文（由属性或该节点上执行的函数）在Visual Studio代码中启用/禁用命令？

Answer 1

现在，您将类型描述作为TreeItem的上下文值。

为什么不将允许的操作也放在上下文值中：

archive_Del
archive_Read_Update

然后在子句时在中使用它

{
    "command": "extension.myTreeView.delete",
    "when": "view == extension.myTreeView && viewItem =~ /^.*_Del.*$/",
    "group": "inline@2"
}

{
    "command": "extension.myTreeView.read",
    "when": "view == extension.myTreeView && viewItem =~ /^.*_Read.*$/",
    "group": "inline@2"
}