和/或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