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

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

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();
   }
 }
}

如何在角4中获取智能表的编辑数据

1 个答案: