Winkel 2 ngx-Datatable celltemplate

Bin ich versucht zu implementieren cellTemplates im ngx-Datatable (https://github.com/swimlane/ngx-datatable) aber kann nicht herausfinden, warum es nicht funktioniert.

Ersten meiner Ansicht 

<ngx-datatable [rows]="skifte?.utsade" [columnMode]="flex" [selectionType]="'single'" [columns]="columns" (select)='edit($event)'></ngx-datatable>

Ich habe eine template-Klasse wie dieses.

import { Component, TemplateRef, ViewChild } from '@angular/core';
@Component({
moduleId: module.id,
selector:'',
template:"
<template #checkbox let-row="row" let-value="value" let-i="index">
    <md-checkbox checked="value === 'true'"></md-checkbox> 
</template>"
})
export class CellTemplates{

@ViewChild('checkbox') public checkbox: TemplateRef<any>;

constructor(){

 }    
}

Und versuchen, es so zu benutzen. Aber es gibt keine änderungen in der Art der Zelle.

@Component({
moduleId: module.id,
selector: 'dv-utsade-table',
templateUrl: 'UtsadeTableComponent.html'

})
export class UtsadeTableComponent extends InsatsComponentBase {

columns : any[];
constructor(private dialogService: DialogService) {
    super();
}
ngAfterViewInit(){
 window.setTimeout(() =>
     this.columns =  [{ name: 'Körning', prop: 'korning'  },
        { name: 'benamning' },
        { name: 'giva' },
        { name: 'areal' },  
        { name: 'Utförd', prop: 'utford', cellTemplate: new CellTemplates().checkbox } //<----Here,
        { name: 'datum' },
        { name: 'Huvudgröda', prop: 'huvudgroda' },
        { name: 'Gödsel', prop: 'godsel.benamning' },
        { name: 'Giva', prop: 'godsel.giva' }
        ]
    )
 }
}
InformationsquelleAutor argoo | 2017-01-17
  1. 4

    Zuerst aus ngx-datatable hat

    checkboxable: boolean

    Zeigt an, ob die Spalte sollte eine checkbox-Komponente für
    Auswahl. Nur anwendbar, wenn der Auswahl-Modus aktivieren.

    so kann man es sagen, dass Ihre Spalte mit Kontrollkästchen.
    Zweite,
    Wenn Sie wirklich brauchen, eine benutzerdefinierte Vorlage mit einem conponent benötigen Sie eine gültige Komponente und dann können Sie es in einer Vorlage verwendet werden, in einer Zelle:

    <template #chkBxTmpl let-row="row" let-value="value" let-i="index">
  <checkbox-component [state]="value"></checkbox-component>
</template>

    sowie in der component:

    @ViewChild('chkBxTmpl') chkBxTmpl: TemplateRef:<any>; 
    ....
   this.columns = [
       ...
      {
        cellTemplate: this.chkBxTmpl, 
        prop: 'checked',
        name: 'checked',
        width: 100
      }
    ....
   ];
    • Problem war, dass Sie können nicht erstellen Sie einfach eine Instanz des template-Klasse (die anzeigen nicht dargestellt werden, die auch sinnvoll sind) Gelöst, indem Sie @ViewChild auf die ganzen templates-Komponente.
    • kann u pl überprüfen Sie dieses stackoverflow.com/questions/51303630/...
    InformationsquelleAutor mzografski
Schreibe einen Kommentar