可在对象数组上排序而不是字符串

时间:2017-01-25 15:53:50

标签: kendo-ui-angular2

如果source不是字符串数组,而是数组对象,我如何使用组件?
所有示例都只显示了如何对字符串数组进行排序。但我想从数据库中排序行,所以我至少有2列id和title。

<kendo-sortable [navigatable]="true" [data]="tasks"></kendo-sortable>

private tasks: Task[] = [{id: 1, title: "Test 1"}, {id: 2, title: "Test 2"}];

我是Angular的初学者,所以请接受我的道歉,如果这是一个愚蠢的问题。

1 个答案:

答案 0 :(得分:2)

您需要为可排序项添加模板:

<kendo-sortable [data]="palettes" >
    <template let-palette="item">
    {{palette.name}}
    </template>
</kendo-sortable>

Kendo文档为此案例提供了一个示例: http://www.telerik.com/kendo-angular-ui/components/sortable/api/SortableComponent/#toc-data

和相关的plunker: http://plnkr.co/edit/3gSg2FnBqiZ7hy2cRzke?p=preview