2016-11-03 7 views
6

के साथ संपादित करें और बनाएं, मैं एनजी 2-स्मार्ट-टेबल का उपयोग करने की कोशिश कर रहा हूं, मुझे पता नहीं है कि कुछ फंक्शन बटन के साथ प्लस बटन (एडबटनकंटेंट) को कैसे बाध्य करना है। अब यह डेटा डालने के लिए मेरे लिए सिर्फ कच्चे खुलता है। संपादन बटन के लिए यह कैसे कर सकता है। मेरे कोड है:एनजी 2-स्मार्ट-टेबल

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 { 
} 
संबंधित मुद्दे