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

标签 kendo-grid angular5 kendo-ui-angular2 kendo-tooltip

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

相关文章:

angular - 在kendo-angle下拉列表上对项目进行分组

javascript - KendoUI 列模板中的条件未按预期工作

asp.net-mvc - Kendo ASP.NET MVC - 索引超出范围数据绑定(bind)

php - Kendo DropDownlist 模板选择值而不使用索引

c# - 在 asp.net 中使用默认属性创建剑道网格

具有动态形式的 Angular 5 Mat-Stepper

kendo-ui-angular2 - 以编程方式选择 kendo-dropdownlist 中的值

javascript - 以 Angular 获取未定义的JSON响应内部数组

angular - 异步管道的混淆行为(Angular)

css - 剑道 : Keep font-size of floatingLabel