通過選中kendo UI網格模塊中的複選框並選擇打字稿來選擇行

Question

我對Kendo UI和Angular2非常新穎。 我正在使用Kendo ui和Angular2。 我在每行中都有一個帶有複選框的網格模塊。 我想知道選擇每行的rowid或任何字段值。 如何在打字稿中做到這一點。 下面的代碼是app.component.ts

import { Component } from '@angular/core'; 
import { products } from './products'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
     <kendo-grid [data]="gridData" [height]="410"> 
      <kendo-grid-column field="ProductID" title="ID" width="40"> 
      </kendo-grid-column> 
      <kendo-grid-column field="ProductName" title="Name" width="250"> 
      </kendo-grid-column> 
      <kendo-grid-column field="Category.CategoryName" title="Category"> 
      </kendo-grid-column> 
      <kendo-grid-column field="UnitPrice" title="Price" width="80"> 
      </kendo-grid-column> 
      <kendo-grid-column field="UnitsInStock" title="In stock" width="80"> 
      </kendo-grid-column> 
      <kendo-grid-column field="Discontinued" title="Discontinued" width="120"> 
       <ng-template kendoGridCellTemplate let-dataItem> 
        <input type="checkbox" [checked]="dataItem.Discontinued" enabled/> 
       </ng-template> 
      </kendo-grid-column> 
     </kendo-grid> 
    ` 
}) 
export class AppComponent { 
    private gridData: any[] = products; 
} 

誰能請幫助我如何使用打字稿去實現它。

Answer 1

首先你得寫[可選] = 「真」（selectionChange）= 「selectionChange（$事件）」，必須在下面的代碼

<kendo-grid [data]="view" [selectable]="true" [pageSize]="pageSize" [scrollable]="'none'" [pageable]="true" (pageChange)="pageChange($event)" (click)="openRecdoc()" (selectionChange)="selectionChange($event)">          <kendo-grid-column field="Status" class="uk-text-center"> 
     <template kendoGridHeaderTemplate class="uk-text-left">            Status 
     </template> 
      </kendo-grid-column> 
     </kendo-grid> 


and then typescript: 
Wrote like this this is "event.index" for getting specific row index 

    protected selectionChange(event: SelectionEvent): void { 
      var Index = event.index; 
      var inNo = this.view1[RecurringIndex]; 
      this.glbData.No = inNo .DocumentID; 
    } 

我thiks這是真的是ü 感謝

幫助