我构建基于网格布局的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;
}
所以,我的问题是,无论如何我能做到这一点吗?
干杯!