hinzufügen benutzerdefinierte Schaltfläche in Aktionen Spalte in ng2-Smart-Tabelle Winkel 2

Question

in ng2-Smart-Tabelle Winkel 2 Ich möchte eine neue Schaltfläche in Aktionen Spalte hinzufügen und durch Klicken auf diese Schaltfläche wird es auf eine andere Seite Dies ist das hinzufügen, bearbeiten und Tasten zu löschen, aber ich versuchte, die neue Schaltfläche so zu machen, aber es funktioniert nicht

settings = { 

    add: { 
     addButtonContent: '<i class="ion-ios-plus-outline"></i>', 
     createButtonContent: '<i class="ion-checkmark" ></i>', 
     cancelButtonContent: '<i class="ion-close"></i>', 
     confirmCreate: true, 

    }, 
    edit: { 
     editButtonContent: '<i class="ion-edit"></i>', 
     saveButtonContent: '<i class="ion-checkmark"></i>', 
     cancelButtonContent: '<i class="ion-close"></i>', 
      confirmSave: true 
    }, 
    delete: { 
     deleteButtonContent: '<i class="ion-trash-a"></i>', 
     confirmDelete: true 
    }, 

, wie ich auf die Schaltfläche hinzufügen kann, suchte ich in NG2-Smart-Tabelle Dokumentation und ich kann nicht finden irgend etwas zu diesem https://akveo.github.io/ng2-smart-table/documentation Probieren sie es

Answer 1

bezogen werden:

In Ihrer Spalt Einstellung einer Spalte "Actions" hinzufügen:

<ng2-smart-table [settings]="settings" [source]="source" (edit)="onEdit($event)" (delete)="onDelete($event)"></ng2-smart-table> 

onEdit onDelete sind jetzt etwas, das Ihre benutzerdefinierten Funktionen ändern:

Actions: //or something 
    { 
    title:'Detail', 
    type:'html', 
    valuePrepareFunction:(cell,row)=>{ 
     return `<a title="See Detail Product "href="Your api key or something/${row.Id}"> <i class="ion-edit"></i></a>` 
    }, 
    filter:false  
    }, 
    Id: { //this Id to use in ${row.Id} 
    title: 'ID', 
    type: 'number' 
    }, 

Answer 2

HTML-Template Sie das Bearbeiten ein Lösch Ereignis abonnieren können.

ich hoffe, das hilft!

Answer 3

In Ihrer Einstellungsdatei, setzen Sie die folgende

actions: { 
    edit: false, //as an example 
    custom: [{ name: 'routeToAPage', title: `<img src="/icon.png">` }] 
} 

Jetzt Sie eine benutzerdefinierte routeToAPage Knopf mit einem img haben.

Dann in Ihrem NG2-smart-table-Tag,

<ng2-smart-table [settings]="settings" [source]="dataSource" (custom)="route($event)"></ng2-smart-table> 

Dann können Sie eine Route Funktion erstellen und tun, was es tun muss.

Answer 4

Falls Sie noch nach einer Lösung suchen, stieß ich auf das gleiche Problem und konnte es nicht beheben.

Zurück zur Freigabe 1.1.0 (von Ihnen package.json) tat es für mich! Ich habe auch festgestellt, dass das buttonContent-Tag für Bearbeiten und Löschen, aber nicht für Hinzufügen funktioniert.

Hoffentlich wird dieser Fehler bald behoben.