小编rga*_*tla的帖子

用于 Angular 行重新排序的 Kendo Grid - Angular 4/5 - HTML5 拖放 API

我正在尝试实现具有行重新排序功能的 Kendo-Grid,如此处所宣传

当网格处理通过 Ajax 调用获取的数据时,行的重新排序(即拖放行)在视图更改之前不起作用(例如:直到用户单击本示例中分页中的第二页) )

下面是我的 app.component.ts 文件

import { State, process } from '@progress/kendo-data-query';
import { Component, Renderer2, NgZone, AfterViewInit, OnInit, EventEmitter, OnDestroy } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromEvent';
import { Subscription } from 'rxjs/Subscription';
import { HttpClient, HttpParams} from '@angular/common/http';

@Component({
    selector: 'my-app',
    template: `
        <kendo-grid
            [data]="gridData"
            [height]="410"
            [pageable]="true"
            [skip]="state.skip"
            [pageSize]="state.take"
            (dataStateChange)="dataStateChange($event)">
            <kendo-grid-column field="id" title="ID" width="60">
            </kendo-grid-column>
            <kendo-grid-column field="title" title="To Do">
            </kendo-grid-column>
            <kendo-grid-column field="completed" title="Completed" width="60">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <input …
Run Code Online (Sandbox Code Playgroud)

drag-and-drop rxjs kendo-grid kendo-ui-angular2 angular

6
推荐指数
1
解决办法
2918
查看次数