覆盖Primeng数据表的方法/事件

时间:2017-11-17 10:39:07

标签: angular typescript override extend primeng-datatable

我使用接近我最终需要的primeng数据表,但是我想重载它,因为我需要一个额外的功能(例如,我想将标题更改为点击时可编辑)。

所以我开始尝试通过扩展数据表类来执行指令,如下所示:

我使用数据的组件:

providers: [{provide: DataTable, useExisting: CustomDataTable}]

我的课程扩展数据表:

import { DataTable, DomHandler } from 'primeng/primeng';
import { Component, Injectable, ElementRef, Renderer, IterableDiffers, Renderer2, NgZone, ChangeDetectorRef, Input } from '@angular/core';
import { ObjectUtils } from 'primeng/components/utils/objectutils';

export class CustomDataTable extends DataTable {

    constructor(el: ElementRef, domHandler: DomHandler, differs: IterableDiffers, renderer: Renderer2, changeDetector: ChangeDetectorRef, objectUtils: ObjectUtils, zone: NgZone) {
        super(el, domHandler, differs, renderer, changeDetector, objectUtils, zone);
        // CUSTOM INSTRUCTION
    }

    initColumns() {
        // super.initColumns(); // I tried adding it
        // CUSTOM INSTRUCTION
    }
}

然而我的"说明"永远不会执行,并且控制台或浏览器中不会出现错误。我是否滥用了数据表的扩展名?

0 个答案:

没有答案