2017-01-05 4 views
0

Im пытается использовать сетку Kendoui Angular2 внутри компонента в диалоге Kendo. Когда я пытаюсь pagging-щелкнуть кнопки pagging, оно не работает и Im «брошено» к домашней странице. Кто-нибудь знает, если это сработает?KendoUi Angular2 сетка в диалоге pagination

код:

<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>.

спасибо,

ответ

1

Кажется, что он работает при тестировании локально. Диалог будет оказывать пользовательский компонент 'привет-сетка':

<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> 

Вот шаблон компонента 'привет-сетки':

<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> 

Runnable plunker: http://plnkr.co/edit/RyxR8ts2CRy229RXjXzF?p=preview

пейджера работает просто отлично. Я что-то упускаю?

+0

Я скорректировал свой код сетки на вашем примере, и это работает .. спасибо –

Смежные вопросы