누락/행을 일반 숫자 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