时间戳

首页 > 解决方案 > 剑道角网格复选框选择所有功能

kendo-ui-angular2 - 剑道角网格复选框选择所有功能

问题描述

我指的是下面的 url 在剑道网格中添加复选框。

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

我正在使用如下的剑道网格

<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

解决方案

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

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

推荐阅读