Как установить множественный выбор в выпадающем списке в ng2-smart-table? - PullRequest
Новая
       32

Как установить множественный выбор в выпадающем списке в ng2-smart-table?

0 голосов
/ 11 декабря 2018

В моем приложении загружены динамические значения в раскрывающемся списке ng2-smart-table .Теперь я должен включить множественный выбор в выпадающем списке в ng2-smart-table .

Примечание: Множественный выбор в выпадающем списке не для флажка.

1 Ответ

0 голосов
/ 20 декабря 2018

Я думаю, вы можете попробовать с вашим собственным компонентом редактора.Я добавил базовый select с кратным attribute, но вы можете создать более сложный пользовательский компонент по своему усмотрению.

Передать данные в ваш компонент с помощью valuePrepareFunction и вуаля.

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
]

** Я отредактировал ответ и добавил больше информации о настройках и component.ts

...