Kendo angular Grid复选框选择所有功能

问题描述 投票:0回答:1

我在下面引用url来添加kendo网格中的复选框。

[https://www.telerik.com/kendo-angular-ui/components/grid/selection/#toc-select-all-feature][1]

我正在使用如下的Kendo网格

<kendo-grid [kendoGridBinding]="Student" [height]="700" [pageSize]="25" 
 [pageable]="true" [sortable]="true" [filterable]="true" 
[selectable]="{enabled: true, checkboxOnly: true}">
    <kendo-grid-column title="Resubmit" width="90">
        <ng-template kendoGridCellTemplate let-dataItem>
           <button kendoButton class="k-button" (click)="reSubmit(dataItem.ID)"  [icon]="'redo'"></button> 
           <input type="checkbox (click)="reSubmit(dataItem.ID)" />
      </ng-template>
    </kendo-grid-column>
    <kendo-grid-checkbox-column title="Default checkbox">
    </kendo-grid-checkbox-column>
 </kendo-grid>

但是任何复选框都不可点击的方式。有人可以帮助解决出错的问题

kendo-ui-angular2
1个回答
1
投票

<kendo-grid [kendoGridBinding]="Student" [height]="700" [pageSize]="25" 
 [pageable]="true" [sortable]="true" [filterable]="true" 
[selectable]="true">
    <kendo-grid-column title="Resubmit" width="90">
        <ng-template kendoGridCellTemplate let-dataItem>
           <button kendoButton class="k-button" (click)="reSubmit(dataItem.ID)"  [icon]="'redo'"></button> 
           <input type="checkbox (click)="reSubmit(dataItem.ID)" />
      </ng-template>
    </kendo-grid-column>
    <kendo-grid-checkbox-column title="Default checkbox">
    </kendo-grid-checkbox-column>
 </kendo-grid>

以上是纠正后的代码解决了我的问题。

© www.soinside.com 2019 - 2024. All rights reserved.