Kendo UI for Angular：带有外部内容的网格单元格上的工具提示

Question

Here 描述了如何在 kendo 网格单元格上放置工具提示。然而，它只是关于包含来自锚元素的一些信息的工具提示，例如它的 title 属性。但是，整合主播无法获得的外部信息的最佳方式是什么？在我的例子中，当我将鼠标悬停在它的特定单元格上时，我希望有一个工具提示显示网格项目的最后一个编辑器的名称。该名称不是单元格内容的一部分。它另外来自每个网格行的后端。如何访问工具提示？

<kendo-grid [height]="200"
            [data]="myModel">
  <kendo-grid-column field="one" title="First column" width="90"></kendo-grid-column>
  <kendo-grid-column field="two" title="Second column" width="60"></kendo-grid-column>
  <kendo-grid-column field="three" title="Third column" width="120"></kendo-grid-column>
</kendo-grid>

Answer 1

好的，我解决了。解决方案是用 ng-template:

修改 kendo 列

<kendo-grid-column title="My titel" width="90">
    <ng-template kendoGridCellTemplate let-dataItem>
                  <span kendoTooltip title="{{dataItem?.tooltipContent}}">
                    {{dataItem?.cellContent}}
                  </span>
    </ng-template>
</kendo-grid-column>

这样我就可以将外部数据“走私”到单元格 HTML 元素中。然后可以使用 kendo 工具提示指令轻松访问它。

Kendo UI for Angular：带有外部内容的网格单元格上的工具提示

Kendo UI for Angular: Tooltip on a grid cell with external content

kendo-grid

kendo-tooltip

kendo-ui-angular2