如何在kendo-multiselect中实现查找器

Question

请帮助我在kendo-multiselect中实现搜索器。

我的代码现在是什么样子：

​

          <div class="col-auto px-2 mb-2">
            <span
              class="d-block font-size-regular pb-1">{{ 'invoice.downloadConfirmation.search.salesRep' | translate }}</span>
            <kendo-multiselect [data]="salesRepsDropDownData" [textField]="'repName'" [valueField]="'repId'"  [(ngModel)]='salesRepsSelected'
              [ngModelOptions]="{standalone: true}">
            </kendo-multiselect>
          </div>

​

我的输出如下:- 1：https://i.stack.imgur.com/Spyiq.png

我的期望输出：- 2：https://i.stack.imgur.com/GupJW.png

请帮我一下。如果需要更多的信息，请让我知道。

Answer 1

Kendo提供过滤器选项

 <div class="example-wrapper">
        <kendo-multiselect
                #list
                [data]="data"
                [filterable]="true"
                textField="text"
                valueField="value"
                placeholder="T-shirt size"
            >
        </kendo-multiselect>
    </div>