Question

我有一个创建随机值的函数，但是我想知道在ng2-smart-table中创建新记录时如何添加此函数。我正在创建用户，需要为他们分配一个随机ID。

这是我的随机ID码：

stringGen(len) {
    var text = "";

    var charset = "abcdefghijklmnopqrstuvwxyz0123456789";

    for (var i = 0; i < len; i++)
      text += charset.charAt(Math.floor(Math.random() * charset.length));

    return text;
  }

  randomID = this.stringGen(8);

这是我的html： list-user.component.html

<ng2-smart-table 
[settings]="settings" 
[source]="roles">
</ng2-smart-table>

这是我的ts： list-user.component.ts

settings = {
    columns: { 
        role_id : { 
            title: 'Role ID',
        }, 
        role_desc : {
            title: 'Role Description',
            editor: {
                type: 'textarea',
            }
        }
    }
}

Answer 1

在createConfirm中创建新记录时，可以使用ng2-smart-table事件运行代码。

您的模板如下所示：

<ng2-smart-table [settings]="tableSettings" [source]="tableSource" (createConfirm)="onCreateConfirm($event)"></ng2-smart-table>

在您的组件中：

onCreateConfirm($event: any) {
    // `$event.newData` carries information the user wants to add to the table.
}

您可以在其中创建由stringGen()函数生成的ID的记录，将其添加到表源中，然后再次加载源以使用随机生成的ID在表中获取新记录。

如何在ng2-smart-table中添加随机值函数

1 个答案: