如何以角度4获取智能表的编辑数据

Question

我正在处理我正在使用智能表的角度项目。我有给定的 .html

 <ng2-smart-table [settings]="settings" [source]="source"  (editConfirm)="onSaveConfirm($event)"
(deleteConfirm)="onDeleteConfirm($event)" >
    </ng2-smart-table>

.ts 文件如下

export class CoursesComponent {
settings = {
hideSubHeader: false,
mode: 'inline',

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

onDeleteConfirm(event): void {
console.log(event.data);
    if (window.confirm('Are you sure you want to delete?')) {
      event.confirm.resolve();
    } else {
      event.confirm.reject();
    }
  }
  onSaveConfirm(event): void {
console.log(event.data);

  }
}

我想获取表格的编辑数据，但我没有得到它。 ng-smart-table 中的属性如给定

edit: {
                inputClass: '',
                editButtonContent: 'Edit',
                saveButtonContent: 'Update',
                cancelButtonContent: 'Cancel',
                confirmSave: false,
            },
            delete: {
                deleteButtonContent: 'Delete',
                confirmDelete: false,
            },

有什么帮助吗？

Answer 1

所以问题是您的编辑确认关键字错误，它是 confirmSave 而不是 confirmEdit

我复制了我在我的电脑上工作的最终代码：

export class CoursesComponent {
settings = {
  hideSubHeader: false,
  mode: 'inline',
  edit: {
     editButtonContent: '<i class="nb-edit"></i>',
     saveButtonContent: '<i class="nb-checkmark"></i>',
     cancelButtonContent: '<i class="nb-close"></i>',
     confirmSave: true,
   },
  delete: {
     deleteButtonContent: '<i class="nb-trash"></i>',
     confirmDelete: true,
  }
};

onSaveConfirm(event): void {
console.log(event.data);
   if (window.confirm('Are you sure you want to delete?')) {
      event.confirm.resolve();
      console.log(event.newData);
   } else {
     event.confirm.reject();
   }
 }
}