Kendo Ui Angular2 Grid Paging到第一页

时间:2017-01-15 15:14:56

标签: angular kendo-ui-angular2

我有几页的网格, 当我重新刷新数据时,我想通过代码返回第一个网格页面。

我的网格:

               <div class="chapterContent">
                    <div class="row k-rtl clearfix">
                        <kendo-grid [data]="gridView"
                                    [pageSize]="pageSize"
                                    [skip]="skip"
                                    [pageable]="{
                                                    buttonCount: buttonCount,
                                                    info: info,
                                                    type: type,
                                                    previousNext: previousNext
                                                  }"
                                    [scrollable]="'none'"
                                    [height]="260"
                                    [rowHeight]="36"
                                    (pageChange)="pageChange($event)"
                                     [selectable]="true"
                                    (selectionChange)="onSelectChange($event)" >
                            <kendo-grid-column field="CHAPTER_DESCRIPTION" title="mmm" width="10" headerClass="sectionTitle">
                            </kendo-grid-column>
                            <kendo-grid-column field="LineBasicSum" title="סכום" width="10" headerClass="sectionTitle">
                            </kendo-grid-column>
                            <kendo-grid-column field="WORK_TYPE_DESCRIPTION" title="mmm" headerClass="sectionTitle" width="10">
                            </kendo-grid-column>
                            <!--<kendo-grid-column  title="mmm"  width="10">
                                <template kendoCellTemplate let-dataItem let-rowIndex="rowIndex">
                                    <button class="btnLink" (click)="onChapterClick(dataItem)" title="פצל"><span class="glyphicon glyphicon-import" aria-hidden="true"></span></button>
                                </template>
                            </kendo-grid-column>-->
                        </kendo-grid>
                    </div>
                </div>

如何返回第一个网格页?

感谢,

1 个答案:

答案 0 :(得分:3)

这取决于你如何实现分页,一般来说它应该是这样的:

public onClick() {
    this.pageChange({skip: 0})
}

http://plnkr.co/edit/KlWJYRmvZ9hJMD00jNg8?p=preview