时间戳

首页 > 解决方案 > 在剑道网格的一列中添加图像（并单击重定向到 URL）

angular - 在剑道网格的一列中添加图像（并单击重定向到 URL）

问题描述

我有这样的剑道网格

<kendo-grid
  [data]="gridData"
  [selectable]="false"
  [kendoGridSelectBy]="'Id'"
  [selectedKeys]="selectedIds"
  [pageable]="{ pageSizes: gridPageSizes }"
  [pageSize]="state.take"
  [skip]="state.skip"
  [scrollable]="'none'"
  [groupable]="false"
  [group]="state.group"
  (dataStateChange)="dataStateChange($event)"
  [filterable]="false"
  [filter]="state?.filter"
  [sortable]="true"
  [sort]="state?.sort"
  [rowClass]="rowCallBack"
>
<kendo-grid-column
    field="invoiceNumber"
    title="Invoice Number"
  >
  </kendo-grid-column>
 <kendo-grid-column
    title="PO"
  >
    <ng-template kendoGridCellTemplate let-dataItem="dataItem">
      {{dataItem.PO}}
    </ng-template>
  </kendo-grid-column>

 <kendo-grid-column
    field="StatusChangedDate"
    title="StatusChangedDate"
    filter="date"
    format="{0:d}"
  >
    <ng-template kendoGridCellTemplate let-dataItem>
      <time>{{ dataItem.StatusChangedDate | l10nDate: language:'short' }}</time>
    </ng-template>
  </kendo-grid-column>
</kendo-grid>

请让我知道如何添加具有基于“数据”（URL 数据）的图像的列。单击图像时，它会重定向到 URL。

我尝试过这样的事情

<kendo-grid-column
  title="Ticket"
>
  <ng-template kendoGridCellTemplate let-dataItem="dataItem">
    <div *ngIf="dataItem.Ticket != null">
      <a class="title-logo" href="dataItem.Ticket"><img src="/images/logo.png" /></a>
    </div>
  </ng-template>
</kendo-grid-column>

显示图像，这是可点击的，但是当单击图像时，不会转到作为 dataItem.Ticket 的一部分加载的所需链接

谢谢

标签： angularkendo-ui

解决方案

推荐阅读