столбец сетки кендо, имеющий изображение в теге привязки - PullRequest
Новая
       7

столбец сетки кендо, имеющий изображение в теге привязки

0 голосов
/ 23 марта 2020

Вот моя сетка кендо 

<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>

Отображается изображение, которое является clickabale, но при нажатии на изображение не go на нужную ссылку, которая загружается как часть dataItem.Ticket на href

...