在kendo-multiselect how to Show "+“图标中添加字段

Question

在我的Angular应用程序中，我使用了kendo-multiselect。我想要实现的是：

从下拉列表中选择一个值，然后单击kendo-multiselect上的+图标，然后打开一个新页面(基于下拉值)。

我已经从多选中删除了默认的x图标，使用clearButton="false"，但我不知道如何在同一位置显示+图标！

Answer 1

您可以在<kendo-multiselect>中使用<ng-template kendoMultiSelectGroupTagTemplate let-dataItems>。

HTML :

<kendo-multiselect
kendoMultiSelectSummaryTag
[data]="data"
[filterable]="true"
[textField]="textField"
[valueField]="valueField"
[clearButton]="false"
[autoClose]="false"
[value]="selectedValue">
  <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>
    <i class="fas fa-plus-circle fa-lg" (click)="redirectPage(selectedValue)"></i>
  </ng-template>
</kendo-multiselect>

TS :

/** 
 * redirectPage() method is used to redirect into a new component on click of + icon.
 * @param selectedValue {object} - Object of the selected option from the dropdown.
 */
redirectPage(selectedValue) {
  // redirection logic will come here.
}