如何为 kendo multi select 中的项目添加工具提示

Question

请告诉我如何为 kendo multi-select.

中长度较长的项目添加工具提示的方法

添加图片更具体。

谢谢。

Answer 1

使用 itemTemplate and/or 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>'
});

itemTemplate 是从下拉列表中选择的项目，而 tagTemplate 是选择后的项目。

DEMO

注意：您可以对文本和工具提示使用相同的值。

如何为 kendo multi select 中的项目添加工具提示

How to add tooltips for items in kendo multi select

kendo-ui

kendo-multiselect

DEMO