0
をhightlightない：剣道グリッドは、私は剣道グリッドを有するseleted行/欠落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>`
APIからコンポーネントローディングデータと（なし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);
}
}
行をクリックしても何も起こりません。 エラーなし、選択なし。
問題を見つけるために、UIにボタンを追加して、選択した行GUIDを印刷しました。
<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