如何为剑道多选中的项目添加工具提示

Question

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

• 添加图片以更具体。

图片

谢谢。

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是选择后的项目。

演示

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