Kendo for Angular Grid，带有工具提示

Question

我正在寻找一个示例，该示例使用kendo-grid Kendo for angular Grid对所有单元格和标头上的工具提示使用角度。

我发现他们有这个tooltip

编辑！!!!

我需要在模板中放入dataItem（来自行）的字段

我有此模板，但dataItem无法正常工作

我想念什么？

 <ng-template #template let-anchor let-dataItem>
    {{dataItem.NAME}}
    <span *ngIf="anchor.nativeElement.textContent.length > 0">{{ anchor.nativeElement.textContent + dataItem.NAME}}  </span>
</ng-template>

Answer 1

不清楚要在工具提示中显示什么，但是通常您可以仅将tooltip指令添加到网格并为单元格设置过滤器：

<kendo-grid [data]="gridData" [height]="410" 
    kendoTooltip filter="td, th" [tooltipTemplate]="template">

https://plnkr.co/edit/448cL6c5iCK76rgXf8GW?p=preview

编辑：

他们似乎没有API来从元素中获取dataItem，但他们似乎在行上呈现了item索引，我能够使用它来获取锚点的dataItem。另外，工具提示的过滤器输入似乎与网格的过滤器输入冲突，因此应在父元素上初始化工具提示：

https://plnkr.co/edit/9OmHXgDkcMprgw3oso3D?p=preview

Answer 2

对于kendo MVC，我们使用像这样的javascript作为工具提示

   $("#GridName").kendoTooltip({
        filter: "th", //this filter selects all th and td cells
        position: "top",
        // apply additional custom logic to display the text of the relevant element only
        content: function (e) {
            var cell = $(e.target);
            var content = cell.text();
            return content;
        }
    }).data("kendoTooltip");