gpt4 book ai didi

kendo-grid - 带有工具提示的 Angular Grid 剑道

转载 作者:行者123 更新时间:2023-12-03 18:54:49 25 4
gpt4 key购买 nike

我正在寻找使用剑道网格的示例 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com