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

Question

请告诉我如何为剑道多选中长度较长的物品添加工具提示。

• 添加更具体的图片。

Picture

感谢。

Answer 1

使用 itemTemplate 和/或 tagTemplate ，并使用工具提示文字添加title属性：

$("#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

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