Angular 2 kendo 单击网格排序

Question

我想在包含其列的下拉列表更改事件中对 kendo 网格进行排序。我可以在下拉列表更改时应用排序功能吗？

Answer 1

网格状态（跳过、获取、排序、过滤...）配置可以绑定到 State object that in turn can be modified in the DropDownList valueChange event 处理程序，例如：

<kendo-grid
    [data]="gridData"
    [pageSize]="state.take"
    [skip]="state.skip"
    [sort]="state.sort"
    [filter]="state.filter"
    [sortable]="true"
    [pageable]="true"
    [filterable]="true"
    (dataStateChange)="dataStateChange($event)"
>
...
<kendo-dropdownlist 
  [data]="dropDownData"
  (valueChange)="onDropDownChange($event)"></kendo-dropdownlist>
...
public onDropDownChange(e){
  this.state.sort = [{
    field: e,
    dir: 'asc'
  }];

  this.gridData = process(sampleProducts, this.state);
}

EXAMPLE

Angular 2 kendo 单击网格排序

Angular 2 kendo grid sort on click

kendo-ui-angular2

angular