javascript - 带有可点击链接的 Kendo-grid

Question

我对 Angular 等非常陌生。这对某些人来说可能非常简单，但我遇到了麻烦。

我有一个包含几列的剑道网格，并且希望有一列有一个可点击的链接(例如用户)，该链接会将用户路由到一个新页面，该页面将把他们带到(用户部分) .

我的问题是我应该采取什么步骤1. 创建可点击的链接2. 将用户路由到新页面以及该页面上处理(例如用户)的特定部分

Answer 1

您使用哪种剑道？

对于 Kendo Angular，请使用 kendo-grid-column

<kendo-grid [data]="gridData">
        <kendo-grid-column title="Name" width="40">
          <ng-template kendoGridCellTemplate let-dataItem>
            <a class="text-primary" [routerLink]="...">{{dataItem.name}}</a>
          </ng-template>
        </kendo-grid-column>
</kendo-grid>

对于 Kendo UI，请使用网格选项列模板

    columns: [
       {
            field: "name",
            title: "Name",
            template: "<a href href='...'>#:name#</a>",
            width: "250px"
        } as kendo.ui.GridColumn
    ],