2016-11-03 32 views
6

ng2-smart-tableを使用しようとしています。いくつかのcreate functionデータでプラスボタン(addButtonContent)をバインドする方法がわかりません。今、これはちょうど私のためにデータを挿入するために生のために開きます。 編集ボタンの操作方法 私のコードは次のとおりです。ng2-smart-tableで編集して作成する

settings = { 
    add: { 
     addButtonContent: '<i class="ion-ios-plus-outline"></i>', //how to call some function to this one 
     createButtonContent: '<i class="ion-checkmark"></i>', 
     cancelButtonContent: '<i class="ion-close"></i>', 
    }, 
    edit: { 
     editButtonContent: '<i class="ion-edit"></i>', 
     saveButtonContent: '<i class="ion-checkmark"></i>', 
     cancelButtonContent: '<i class="ion-close"></i>', 
    }, 
    delete: { 
     deleteButtonContent: '<i class="ion-trash-a"></i>', 
     confirmDelete: true 
    }, 

と私のテンプレート:

<ba-card title="Basic Example" baCardClass="with-scroll"> 
    <div class="form-group"> 
    <input #search type="search" class="form-control form-control-lg" placeholder="Search..." (keyup)="onSearch(search.value)"> 
    </div> 
    <ng2-smart-table [settings]="settings" [source]="source" (deleteConfirm)="onDeleteConfirm($event)"></ng2-smart-table> 
</ba-card> 

答えて

7

テンプレートでこの

 <ng2-smart-table class='form-control' [settings]="settings" [source]="source" (deleteConfirm)="onDeleteConfirm($event)" (editConfirm)="onSaveConfirm($event)" 
(createConfirm)="onCreateConfirm($event)" ></ng2-smart-table> 

を追加し、コンポーネントに新しいアクション

onCreateConfirm(event):void { 
} 

onSaveConfirm(event):void { 
} 

onDeleteConfirm(event): void { 
} 
を呼び出します
関連する問題