可对对象数组而非字符串进行排序
Sortable on array of objects not strings
当源不是字符串数组而是对象数组时如何使用组件?
所有示例仅显示如何对字符串数组进行排序。但是我想对数据库中的行进行排序,所以我至少有 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 的初学者,如果这是一个愚蠢的问题,请接受我的道歉。
您需要将模板添加到您的排序表中:
<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
以及相关的插件:
http://plnkr.co/edit/3gSg2FnBqiZ7hy2cRzke?p=preview
当源不是字符串数组而是对象数组时如何使用组件?
所有示例仅显示如何对字符串数组进行排序。但是我想对数据库中的行进行排序,所以我至少有 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 的初学者,如果这是一个愚蠢的问题,请接受我的道歉。
您需要将模板添加到您的排序表中:
<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
以及相关的插件: http://plnkr.co/edit/3gSg2FnBqiZ7hy2cRzke?p=preview