Kendo Ui Angular2 Grid 分页到第一页

Posted 2023-05-07

【中文标题】Kendo Ui Angular2 Grid 分页到第一页

【英文标题】：Kendo Ui Angular2 Grid Paging to first page

【发布时间】：2017-05-30 11:35:47

【问题描述】：

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

我的网格：

               <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"  headerClass="sectionTitle">
                            </kendo-grid-column>
                            <kendo-grid-column field="LineBasicSum" title="סכום"  headerClass="sectionTitle">
                            </kendo-grid-column>
                            <kendo-grid-column field="WORK_TYPE_DESCRIPTION" title="mmm" headerClass="sectionTitle" >
                            </kendo-grid-column>
                            <!--<kendo-grid-column  title="mmm"  >
                                <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>

如何返回第一个网格页面？

谢谢，

【问题讨论】：

您是否尝试过回答此问题时描述的方法：***.com/questions/13976496/…？

【参考方案1】：

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

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

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