首页 > 解决方案 > kendoUI angular-如何制作单元格超链接

问题描述

我在 Angular 6 应用程序中使用剑道 UI 网格。在 kendo-grid-column 中,我希望能够单击 EmployeeId 并将用户引导到另一个组件以显示详细信息。我正在尝试在锚标记中使用 [routerLink],但它没有充当可点击的超链接。另外请检查我的语法是否正确。

<kendo-grid [data]="view | async"
        [pageSize]="state.take"
        [skip]="state.skip"
        [sort]="state.sort"
        [filter]="state.filter"
        [sortable]="true"
        [pageable]="true"
        [filterable]="true"
        [height]="500"
        (dataStateChange)="dataStateChange($event)">
<kendo-grid-checkbox-column title="Select" width="75" showSelectAll="true"></kendo-grid-checkbox-column>
<kendo-grid-column field="EmployeeID" title="Employee ID" width="220">
    <a [routerLink]="['/contList']" [queryParams]="{'EmployeeID': {{EmployeeID}}}">
    </a>
</kendo-grid-column>
<kendo-grid-column field="EmployeeName" title="Employee Name" width="220">
</kendo-grid-column>

标签: angularkendo-uiangular-routerlink

解决方案


推荐阅读