Не удалось получить событие удаления в ng2-smart-table в angular 6 - PullRequest
Новая
       9

Не удалось получить событие удаления в ng2-smart-table в angular 6

0 голосов
/ 06 сентября 2018

Я использую ng2-smart-table для отображения данных в приложении Angular 6. Теперь я не могу получить событие удаления. Я установил объект установки как это. 

columns: {
  ... // Columns... 
},
edit: {
  confirmSave: true,
  editButtonContent: '...',
  saveButtonContent: '...',
  cancelButtonContent: '...'
},  
delete: {
   confirmDelete : true,
   deleteButtonContent: '...',
   saveButtonContent: '...',
   cancelButtonContent: '...'
},

В HTML-файле я установил это. 

<ng2-smart-table [settings]="Settings" [source]="DataSource" (createConfirm)="onCreate($event)" (confirmDelete)="onRoleDelete($event)"></ng2-smart-table>

В .ts файле 

onRoleDelete(event) {
   alert("Delete works");
}

Я проверил, что это git, а также приведу и другие примеры. Я также могу получить событие редактирования, но не могу получить только событие удаления.

Значок удаления также отображается в файле HTML.

1 Ответ

0 голосов
/ 06 сентября 2018

Попробуйте deleteConfirm вместо confirmDelete

Пожалуйста, обратитесь к Демо для лучшего понимания

DEMO

Удалить mode: 'external',

<ng2-smart-table [settings]="settings" [source]="DataSource" (createConfirm)="onCreate($event)" (deleteConfirm)="onRoleDelete($event)"></ng2-smart-table>

Настройка: 

  settings = {
    delete: {
      confirmDelete: true,
    },
    add: {
      confirmCreate: true,
    },
    edit: {
      confirmSave: true,
    },
    columns: {
      id: {
        title: 'ID',
      },
      name: {
        title: 'Full Name',
      },
      username: {
        title: 'User Name',
      },
      email: {
        title: 'Email',
      },
    },
  };

  data = [
    {
      id: 1,
      name: "Leanne Graham",
      username: "Bret",
      email: "Sincere@april.biz"
    },
    {
      id: 2,
      name: "Ervin Howell",
      username: "Antonette",
      email: "Shanna@melissa.tv"
    },

    // ... list of items

    {
      id: 11,
      name: "Nicholas DuBuque",
      username: "Nicholas.Stanton",
      email: "Rey.Padberg@rosamond.biz"
    }
  ];

  onDeleteConfirm(event) {
    console.log("Delete Event In Console")
    console.log(event);
    if (window.confirm('Are you sure you want to delete?')) {
      event.confirm.resolve();
    } else {
      event.confirm.reject();
    }
  }

  onCreateConfirm(event) {
    console.log("Create Event In Console")
    console.log(event);

  }

  onSaveConfirm(event) {
    console.log("Edit Event In Console")
    console.log(event);
  }

Ссылка ---> https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/various/advanced-example-confirm.component.ts

...