Estoy usando Kendo-UI MultiSelect para Angular 2.
El componente funciona bien, sin embargo, necesito establecer un límite de 3 opciones como máximo que el usuario puede elegir. Noté que es posible hacer esto en Angular 1 MultiSelect pero no puedo encontrar nada en la documentación de Angular 2.
¿Alguien sabe cómo puedo establecer el límite máximo de la opción seleccionada en 3?
Aquí está mi código actual
componente.html
<kendo-multiselect #sortingsDropdown [data]="fixedData.PossibleValuesForGroupingsAndSortings" [filterable]="true" [textField]="'Name'" [valueField]="'Type'" [value]="sortingsArray" (valueChange)="setSortingsArray(sortingsDropdown.value)"> </kendo-multiselect>componente.ts
public setSortingsArray(values: Array<models.IGroupingAndSorting>) { if (values.length <= 3) { this.sortingsArray = values; this.definitionDetails.Sortings = values; } }Puede implementar un comportamiento similar como en este ejemplo: http://plnkr.co/edit/tDdP9eIuDrt27QmElTFg?p=preview
import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: ` <div class="example-wrapper"> <p>T-shirt size:</p> <kendo-multiselect [data]="data" [textField]="'text'" [valueField]="'value'" [value]="value" placeholder="choose only 2 items" (valueChange)="handleValue($event)" > </kendo-multiselect> </div> ` }) export class AppComponent { public data: Array<{ text: string, value: number }> = [ { text: "Small", value: 1 }, { text: "Medium", value: 2 }, { text: "Large", value: 3 } ]; public value: Array<{ text: string, value: number }> = []; public handleValue(selected) { if (selected.length <= 2) { this.value = selected; } else { this.value = this.value.map(item => item); } } }