ag-gridangular-编辑自定义单元格编辑器后，选项卡无法工作
这个问题通常是由于选项卡控件没有正确初始化引起的。为了解决此问题，您可以在单元格编辑器组件中添加以下代码片段：
import { Component, AfterViewInit } from '@angular/core'; import { ICellEditorAngularComp } from 'ag-grid-angular';
@Component({
selector: 'app-custom-editor',
template: ,
})
export class CustomEditorComponent implements ICellEditorAngularComp, AfterViewInit {
public selectedTabIndex: number = 0;
params: any;
agInit(params: any): void { this.params = params; }
getValue(): any { return this.selectedTabIndex; }
// Call afterViewInit lifecycle hook to make sure the tabs are properly initialized
ngAfterViewInit() {
this.params.api.ensureIndexVisible(this.params.rowIndex);
}
}
在这个示例中，我们通过在 ngAfterViewInit 生命周期钩子中确定索引可见性来确保选项卡正确初始化。这个解决方法将确保您的自定义组件工作正常，并解决了您在编辑时无法使用选项卡的问题。