最初填充 TreeView 并實體化 TreeView。“重繪 ”按鈕呼叫自定義重繪 功能來收集更新的資料。這個新資訊存盤在 context.globalState()
ctmInfrastructureProvider.refresh();不會更新 TreeView 。我也添加了事件監聽器。
export class CtmInfrastructureProvider implements vscode.TreeDataProvider<number> {
private _onDidChangeTreeData: vscode.EventEmitter<number | null> = new vscode.EventEmitter<number | null>();
readonly onDidChangeTreeData: vscode.Event<number | null> = this._onDidChangeTreeData.event;
.
.
.
constructor(private context: vscode.ExtensionContext) {
let ctmInfrastructureCacheTmp: any = context.globalState.get('ctmInfrastructureCache');
this.refresh();
}
.
.
.
}
這是我的重繪 功能：
let ctmInfrastructureRefreshEntry = vscode.commands.registerCommand(
'ctm.infrastructure.refreshEntry',
async () => {
ctmInfrastructureDicsovery = discoverCtmInfrastructure(); context.globalState.update('ctmInfrastructureCache',JSON.parse(ctmInfrastructureDicsovery));
ctmInfrastructureProvider.refresh();
}
);
context.subscriptions.push(ctmInfrastructureRefreshEntry);
TreeDataProvider 重繪 （）
refresh(offset?: number): void {
this.parseTree();
}
private parseTree(): void {
this.text = this.ctmInfrastructureCache;
this.tree = json.parseTree(this.ctmInfrastructureCache);
}
我錯過了什么？
uj5u.com熱心網友回復：
您必須觸發更改事件：
refresh(offset?: number): void {
this.parseTree();
this._onDidChangeTreeData.fire();
}
更新
實際上，我使用的方法與樹演示中的方法略有不同：
import { TreeDataProvider, TreeItem, EventEmitter, TextDocument, ProviderResult, Event } from "vscode";
import { AntlrFacade } from "../backend/facade";
export class AntlrTreeDataProvider<T> implements TreeDataProvider<T> {
protected currentFile: string | undefined;
private changeEvent = new EventEmitter<void>();
public constructor(protected backend: AntlrFacade) { }
public get onDidChangeTreeData(): Event<void> {
return this.changeEvent.event;
}
public refresh(document: TextDocument | undefined): void {
if (document && document.languageId === "antlr" && document.uri.scheme === "file") {
this.currentFile = document.fileName;
} else {
this.currentFile = undefined;
}
this.changeEvent.fire();
}
public getTreeItem(element: T): TreeItem {
return element;
}
public getChildren(_element?: T): ProviderResult<T[]> {
return undefined;
}
}
取自我的 VS 代碼擴展：https ://github.com/mike-lischke/vscode-antlr4/blob/master/src/frontend/AntlrTreeDataProvider.ts 。如您所見，我改用EventEmitter它，它不需要fire()事件的引數。
uj5u.com熱心網友回復：
如果該函式正在提供新資料，則重繪 正在作業。例子：
refresh(offset?: number, context?: vscode.ExtensionContext): void {
this.ctmInfrastructureCache = "some data";
this.parseTree();
if (offset) {
this._onDidChangeTreeData.fire(offset);
} else {
this._onDidChangeTreeData.fire(undefined);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/480041.html