如何添加kendo Multi Select项目中项目的工具提示

问题描述 投票:0回答:1
请向我展示如何添加kendo Multi-Select长度的项目的工具提示。

添加图片以更具体。
  • picture

thanks.

使用

kendo-ui kendo-multiselect
1个回答
2
投票

和/或tagtemplate,并添加一个用工具提示文本添加标题属性: $("#multiselect").kendoMultiSelect({ dataSource: [ { id: 1, name: "Apples", tooltip: "Apples tooltip text" }, { id: 2, name: "Oranges", tooltip: "Oranges tooltip text" } ], dataTextField: "name", dataValueField: "id", itemTemplate: '<span title="#: tooltip #">#: name #</span>', tagTemplate: '<span title="#: tooltip #">#: name #</span>' }); 从下拉列表中选择时是项目,而TagTemplate是一旦选择的项目。 demo

注:您可以在文本和工具提示中使用相同的值。
    

<kendo-multiselect #multiselect [data]="data" [filterable]="true" textField="text" valueField="value" placeholder="e.g. Large" (filterChange)="onFilterChange($event)" > <ng-template kendoMultiSelectItemTemplate let-dataItem> <span class="text-ellipsis" [ngbTooltip]="dataItem" openDelay="600" container="body" placement="top">{{ dataItem}} </span> </ng-template> </kendo-multiselect> 角版17.3

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.