首页 文章

带有工具提示的Angular Grid的Kendo

提问于
浏览
4

我正在寻找一个使用kendo-grid Kendo for angular Grid for angular with with tooltip在所有单元格和 Headers 上的示例 .

我发现他们有这个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>

1 回答

  • 3

    目前尚不清楚要在工具提示中显示什么,但通常只需将工具提示指令添加到网格并为单元格设置过滤器:

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

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

    编辑:

    它们似乎没有API从元素中获取dataItem,但它们似乎在行上呈现项索引,并且我能够使用它来获取锚的dataItem . 此外,工具提示的过滤器输入似乎与网格的过滤器输入冲突,因此工具提示应在父元素上初始化:

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

相关问题