我正在寻找使用剑道网格的示例 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>
最佳答案
不清楚您想在工具提示中显示什么,但通常您可以将工具提示指令添加到网格并为单元格设置过滤器:
<kendo-grid [data]="gridData" [height]="410"
kendoTooltip filter="td, th" [tooltipTemplate]="template">
https://plnkr.co/edit/448cL6c5iCK76rgXf8GW?p=preview
编辑:
他们似乎没有从元素获取数据项的 API,但他们似乎在行上呈现项目索引,我能够使用它来获取 anchor 的数据项。此外,工具提示的过滤器输入似乎与网格的过滤器输入冲突,因此工具提示应在父元素上初始化:
https://plnkr.co/edit/9OmHXgDkcMprgw3oso3D?p=preview
关于kendo-grid - 带有工具提示的 Angular Grid 剑道,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51580431/