带有树形视图和自定义上下文菜单的VSCode扩展

时间:2019-06-13 08:31:53

标签: visual-studio-code vscode-extensions

我正在实现一个Visual Studio Code扩展,该扩展提供了一个自定义树视图,并且在树视图中,我使用以下contributes设置在上下文菜单中显示了自定义命令:

"contributes": {
    ...
    "menus": {
        "view/item/context": [
            {
                "command": "myExtension.uploadFile",
                "when": "view == myBucketExplorer"
            }
        ]
    }
    ...
}

现在,有没有办法只在树视图中为根节点显示此命令?也许有一个when子句可以帮助解决这个问题,还是在实际调用菜单时以编程方式禁用该命令?

1 个答案:

答案 0 :(得分:1)

您可以为contextValue设置TreeItem

export class Something extends vscode.TreeItem {
    // ...
    constructor(
        isRoot: boolean
    ) {
        this.contextValue = isRoot ? 'YOUR_CONTEXT' : undefined;
    }

}

async getChildren(element?: Something): Promise<Something[]> {
    if (element) {
        // NOT root
    } else {
        // ROOT -- Use different context for items
    }
}

然后使用"view == myBucketExplorer && viewItem == YOUR_CONTEXT"

我不知道此代码是否有效...但是应该有点类似。