对话框分页中的 Kendo Ui Angular 2 网格

Question

我正在尝试在 Kendo 对话框的组件中使用 Kendoui Angular2 网格。当我尝试分页时 - 单击分页按钮，它不起作用，我 "thrown" 到主页。有谁知道这是否应该以某种方式起作用？

代码：

<kendo-dialog *ngIf="isHelloOpen ">
    <kendo-dialog-titlebar title="hello" (click)="isHelloOpen = false">
        <h2 class="modal-title" id="myModalLabel">hello</h2>
    </kendo-dialog-titlebar>

    <hello-component *ngIf="currentPage == 1></hello-component>

    <kendo-dialog-actions class="modal-footer">
        <button type="button" class="btn" (click)="isHelloOpen = false">hello</button>
        </div>
    </kendo-dialog-actions>
</kendo-dialog>

网格在 <hello-component>.

内

谢谢，

Answer 1

本地测试似乎有效。对话框将呈现自定义组件 'hello-grid':

<kendo-dialog title="Action required" *ngIf="opened" (close)="close('cancel')">
      <hello-grid></hello-grid>

      <kendo-dialog-actions>
          <button kendoButton (click)="close('yes')" primary="true">Yes</button>
          <button kendoButton (click)="close('no')">No</button>
      </kendo-dialog-actions>
</kendo-dialog>

这里是 'hello-grid' 组件的模板：

<kendo-grid
      [data]="gridView"
      [pageSize]="pageSize"
      [skip]="skip"
      [pageable]="{
        buttonCount: buttonCount,
        info: info,
        type: type,
        pageSizes: pageSizes,
        previousNext: previousNext
      }"
      [scrollable]="'none'"
      (pageChange)="pageChange($event)"
    >
</kendo-grid>

可运行插件： http://plnkr.co/edit/RyxR8ts2CRy229RXjXzF?p=preview

寻呼机工作正常。我错过了什么吗？

对话框分页中的 Kendo Ui Angular 2 网格

KendoUi Angular2 grid in dialog pagination

kendo-ui-angular2

angular