如何根据Kendo Grid Angular 4中的条件为一列分配2个字段

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

我使用Kendo Grid和Angular 4。

我有2个字段'DateCreated'和'DateModified',我想将这些字段分配给'修改日期'列。如果“DateModified”字段中的值为null,则“DateCreated”字段值将分配给该列。当两个值都存在时,'DateModified'值被赋值。

尝试使用* ngIf,但我只能分配一个字段。

这是我的代码..

   <kendo-grid-column field="RecordModifiedDate" title="Date Modified">
       <ng-template kendoGridCellTemplate let-dataItem>
           <div *ngIf="dataItem.RecordModifiedDate = null">{{ (dataItem.DateCreated) | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
            </ng-template>
               </kendo-grid-column>

谢谢

angular kendo-ui grid
2个回答
1
投票

如果条件显示修改日期,则需要再添加一个。

<kendo-grid-column field="RecordModifiedDate" title="Date Modified">
  <ng-template kendoGridCellTemplate let-dataItem>
    <div *ngIf="dataItem.RecordModifiedDate == null">{{ (dataItem.DateCreated) | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
    <div *ngIf="dataItem.RecordModifiedDate !== null">{{ (dataItem.RecordModifiedDate) | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
  </ng-template>
</kendo-grid-column>

0
投票

您可以像这样在插值中设置条件

<kendo-grid-column field="RecordModifiedDate" title="Date Modified">
       <ng-template kendoGridCellTemplate let-dataItem>
           <div>{{ (dataItem.RecordModifiedDate==null) ? dataItem.DateCreated | date: 'MM-dd-yyyy HH:mm:ss' : dataItem.RecordModifiedDate | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
       </ng-template>
</kendo-grid-column>
© www.soinside.com 2019 - 2024. All rights reserved.