2017-10-18 11 views
0

누락/행을 일반 숫자 hightlight하지 않는 나는 검도 그리드가 다음 API의 구성 요소 데이터를로드와검도 그리드 UI를 새로 고침

<kendo-grid 
[data]="gridData" 
[pageSize]="state.take" 
[skip]="state.skip" 
[sort]="state.sort" 
[filter]="state.filter" 
[sortable]="true" 
[pageable]="true" 
[filterable]="true" 
[kendoGridSelectBy]="'guid'" 
[selectable]="true" 
[selectedKeys]="selectionCustomer" 
(dataStateChange)="dataStateChange($event)" 
> 
    <kendo-grid-checkbox-column></kendo-grid-checkbox-column> 
    <kendo-grid-column field="name" title="Name"></kendo-grid-column> 
    <kendo-grid-column field="prename" title="Prename"></kendo-grid-column> 
    <kendo-grid-column field="companyName" title="CompnayName"></kendo-grid-column> 
    <kendo-grid-column field="number" title="number"></kendo-grid-column> 
    <kendo-grid-column field="fullname" title="Fullname"></kendo-grid-column> 
</kendo-grid>` 

을 (배열로 사용할 수 있기 때문에 더 하나로, OData 없음)

export class CustomerKendoComponent implements OnInit { 

    private state: State = { 
    skip: 0, 
    take: 10, 
    }; 

    private customers: Customer[] = []; 
    private gridData: GridDataResult = null; 
    private selectionCustomer: number[] = []; 

    constructor(
    private customerApi: CustomerApi, 
    private ref: ChangeDetectorRef, 
) { } 

    ngOnInit() { 

    this.customerApi.apiCustomerGet().subscribe(response => { 
     this.customers = response.customers; 
     this.gridData = process(this.customers, this.state); 
     this.ref.detectChanges(); 
    }) 
    } 

    printSelection() { 
    console.log(this.selectionCustomer); 
    } 
} 

행을 클릭하면 아무 일도 일어나지 않습니다. 오류없이 선택하지 않습니다.

문제를 찾으려면 선택한 행 GUID를 인쇄하는 UI에 단추를 추가하십시오.

<button md-raised-button color="primary" (click)="printSelection()">print</button> 

버튼을 누르면 콘솔이 올바른 GUID를 인쇄하고 행이 밝아집니다! 버튼을 눌러야 만 가능합니다.

더 많은 설명서를 볼 수 없습니다. https://www.telerik.com/kendo-angular-ui/components/grid/selection/ 나는 selectableSetting으로 시도했지만 전혀 변경되지 않았습니다.

왜 그리드 선택이 "UI 새로 고침"을 트리거하지 않습니까?

버전 angular2 태그를 재사용

"@progress/kendo-angular-grid": "^1.4.2",

"@angular/core": "~4.3.1",

죄송합니다, 나는 그것이 문제 것으로 보인다 검도-UI-angular4

답변

0

에 대한 새 태그를 만들 수 아니에요 :

changeDetection: ChangeDetectionStrategy.OnPush, 

문서가 실제로 무엇을하는지 보지 않고 다른 복사본을 지난 문제 ...