代码之家  ›  专栏  ›  技术社区  ›  Sachin Shah

无法在6的ng2智能表中获取删除事件

  •  1
  • Sachin Shah  · 技术社区  · 7 年前

    我在用 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>
    

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

    我已经检查过了 git

    HTML

    1 回复  |  直到 7 年前
        1
  •  3
  •   Akj    7 年前

    尝试 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