2017-05-09 1 views
1

그리드 모듈의 확인란을 선택합니다. 나는 검도 UI 및 각도 2를 처음 사용합니다. 검도 Ui를 Angular2와 함께 사용하고 있습니다. 각 행마다 확인란이있는 Grid Module이 있습니다. 각 행 선택시 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; 
} 

사람이 타이프 라이터를 사용하여 그것을 달성하는 방법을 도와 주실 것입니다.

+0

여기 검도 UI 및 각도 2에서 작업하는 사람은 누구나 나를 도와주세요. – ananya

답변

0

먼저 [선택] = "true"를 (를 SelectionChange) = "를 SelectionChange ($ 이벤트)"내가이 thiks

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

아래 코드에서 참이어야를 작성해야 유 감사

에 도움이됩니다
관련 문제