Kendo UI Grid With Angular 2:在列模板中配置排序
KendoUI Grid With Angular2 : Configure sorting in column template
在模板列的帮助下,是否可以配置列以允许排序或不允许排序。
网格已经设置[sortable]="true"
我能够直接在列中进行配置,如下所示:
<kendo-grid-column *ngFor="let col of columns;" field="{{col.Name}}" title="col.Name" [sortable]="col.CanSort">
</kendo-grid-column>
但是无法在模板的帮助下进行配置,如下所示:
<template *ngFor="let col of columns" let-column>
<kendo-grid-column field="{{col.Name}}" title="col.Name" [sortable]="false">
<template kendoHeaderTemplate let-dataItem>
{{dataItem.field}}
</template>
</kendo-grid-column>
</template>
有人知道吗?
终于得到答案:
我们必须在模板一之前定义列标签。您还可以根据某些条件获取复选框列,如下所示。
<kendo-grid-column *ngFor="let col of columns" field="{{col.Name}}" title="col.Name" [sortable]="col.CanSort" >
<template kendoCellTemplate let-dataItem *ngIf="col.DataType=='Boolean'">
<input type="checkbox" [checked]="dataItem[col.Name]" disabled />
</template>
</kendo-grid-column>
在模板列的帮助下,是否可以配置列以允许排序或不允许排序。
网格已经设置[sortable]="true"
我能够直接在列中进行配置,如下所示:
<kendo-grid-column *ngFor="let col of columns;" field="{{col.Name}}" title="col.Name" [sortable]="col.CanSort">
</kendo-grid-column>
但是无法在模板的帮助下进行配置,如下所示:
<template *ngFor="let col of columns" let-column>
<kendo-grid-column field="{{col.Name}}" title="col.Name" [sortable]="false">
<template kendoHeaderTemplate let-dataItem>
{{dataItem.field}}
</template>
</kendo-grid-column>
</template>
有人知道吗?
终于得到答案:
我们必须在模板一之前定义列标签。您还可以根据某些条件获取复选框列,如下所示。
<kendo-grid-column *ngFor="let col of columns" field="{{col.Name}}" title="col.Name" [sortable]="col.CanSort" >
<template kendoCellTemplate let-dataItem *ngIf="col.DataType=='Boolean'">
<input type="checkbox" [checked]="dataItem[col.Name]" disabled />
</template>
</kendo-grid-column>