angular6 - 如何在ng2-smart-table的下拉菜单中设置多项选择？

Question

在我的应用程序中，我在 ng2-smart-table 的下拉列表中加载了动态值。现在，我必须在 ng2-smart-table 的下拉列表中启用多项选择。

注意:下拉列表中的多项选择不适用复选框。

Answer 1

我认为您可以尝试使用自己的自定义编辑器组件。我添加了带有多个select的基本attribute，但是您可以根据需要创建一个更复杂的自定义组件。

使用valuePrepareFunction和voila将数据传递到您的组件。

settings.ts

private settings = {
 // Previous config ...

 columns: {
  multiple: {
    title: 'Multi select',
    type: 'html',
     editor: {
      type: 'custom',
      valuePrepareFunction: (cell, row) => row,
      component: MultiSelComponent,
     },
  }
 }
}

multiSel.component.html

<select multiple [(ngModel)]="yourModelStore">
  <option *ngFor="let item of myValues" [value]="item.value">{{item.name}}</option>
</select>

multiSel.component.ts

import { Component, Input, OnInit } from '@angular/core';
import { ViewCell } from 'ng2-smart-table';

....

export class MultiSelComponent implements OnInit {

  @Input() value;

  yourModelStore: any; // rendered as this.yourModelStore = ['value', 'value'];

  ngOnInit() {
    this.myValues = this.value;
  }

module.ts

declarations:[
  //others ...

  MultiSelComponent
]
entryComponents: [
  MultiSelComponent
]

**我已经编辑了答案，并添加了有关setting和component.ts的更多信息