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

Question

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

• 添加图片以获得更具体的信息。

图片

谢谢。

Answer 1

使用itemTemplate和/或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 是一旦选择的项目。

演示

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