Kendo Angular Sortable itemStyle基于项目索引

时间:2018-06-19 10:25:05

标签: angular kendo-ui kendo-ui-angular2 kendo-sortable

我构建基于网格布局的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 个答案:

没有答案