angular – 使用ng2-smart-table编辑和创建
发布时间:2020-12-17 10:18:14 所属栏目:安全 来源:网络整理
导读:我试图使用ng2-smart-table这个问题我不知道如何将加号按钮(addButtonContent)与一些创建函数数据绑定.现在这只是为我打开anther raw来插入数据. 还有怎么做编辑按钮. 我的代码是: settings = { add: { addButtonContent: 'i class="ion-ios-plus-outline"/
我试图使用ng2-smart-table这个问题我不知道如何将加号按钮(addButtonContent)与一些创建函数数据绑定.现在这只是为我打开anther raw来插入数据.
还有怎么做编辑按钮. 我的代码是: 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>',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>
在你的模板中添加这个
<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 { } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |