Kendo Angular Сортируемый itemStyle на основе индекса предмета

Я создаю компонент Kendo Sortable на основе компоновки сетки, предполагая, что мой тег kendo-sortable имеет стиль display: grid, Мне нужно itemStyle входные данные, чтобы иметь gridRow и gridColumn, которые являются свойствами объектов в массиве данных.

вот код:

<kendo-sortable
itemClass="sortable-item"
zone="pictures"
[data]="imageList"
[navigatable]="true"
[animation]="true"
[itemStyle]="{
'grid-column': getCurrentItemGridColumn(),
'grid-row': getCurrentItemGridRow()
}"
>
<ng-template
let-image="item"
let-imgIndex="index"
>
<img
[class.heroes]="imgIndex < 2"
[class.thumbs]="imgIndex > 1"
[src]="image.url"
>
</ng-template>
</kendo-sortable>

и методы, которые будут возвращать свойства, если я смогу передать им индекс:

getCurrentItemGridRow(i: number): string {
  return this.imageList[this.currentGridItem].gridRow;
}
getCurrentItemGridColumn(i: number): string{
  return this.imageList[this.currentGridItem].gridCol;
}

Итак, мой вопрос, могу ли я как-нибудь сделать эту работу?

Ура!

Источник

0 ответов

Другие вопросы по тегам