列视图中的 angular 4 ng2-smart-table 复选框

Question

import { Component } from '@angular/core';

import { DefaultEditor } from 'ng2-smart-table';

@Component({
    selector: 'checkbox-editor',
    //styleUrls: ['./editor.component.scss'],
    template: `
    <input [ngClass]="inputClass"
           type="checkbox"
           class="form-control"
           [name]="cell.getId()"
           [checked]="cell.getValue() == (cell.getColumn().getConfig()?.true || true)"
           (click)="onClick.emit($event)"
           (change)="onChange($event)">
    `,
})
export class RenderCheckboxComponent extends DefaultEditor {
    //CheckboxEditorComponent
    constructor() {
        super();
    }

    onChange(event: any): void {
        const trueVal = (this.cell.getColumn().getConfig() && this.cell.getColumn().getConfig().true) || true;
        const falseVal = (this.cell.getColumn().getConfig() && this.cell.getColumn().getConfig().false) || false;
        this.cell.newValue = event.target.checked ? trueVal : falseVal;
    }
}

“单元格”不在自定义视图中

Answer 1

我认为您忘记在自定义编辑器组件中导入它。如果您需要自定义编辑器中的单元格，那么您需要导入它。所以像这样添加它

import { DefaultEditor,Cell } from 'ng2-smart-table';

现在您可以访问自定义组件中的 Cell 值。

this.cell.getValue() //now you can access cell value