Kendo UI angular - Grid - 如何转换价值?

时间:2017-07-07 08:50:09

标签: kendo-ui-angular2

如何在以下方面转换Kendo Grid上的值:

  • 简单转换如: kendo-grid-column field =" value |大写" 不起作用
  • 翻译/国际化 - 再次 kendo-grid-column field =" value |翻译" 不起作用
  • 将类型从整数更改为字符串,以便可以使用kendo-grid-string-filter-cell过滤整数,从而允许搜索操作,如" contains"," startswith"

2 个答案:

答案 0 :(得分:3)

不确定是否支持剑道,但我正在使用角度pipes来达到此目的。例如,大写管道是您可以使用的内置管道。

 <kendo-grid-column field="name" title="Name">
         <ng-template kendoGridCellTemplate let-dataItem>
            {{ dataItem.name | uppercase }}
        </ng-template>
    </kendo-grid-column>

或日期管道

<kendo-grid-column field="createdDate" title="Created">
        <ng-template kendoGridCellTemplate let-dataItem>
            {{ dataItem.createdDate | date:'dd.MM.yyyy HH:mm' }}
        </ng-template>
    </kendo-grid-column>

对于一些复杂的东西,比如翻译,你可以创建自定义管道。

答案 1 :(得分:1)

此时您无法在字段属性上应用直接管道,但如果您要执行的是格式转换。例如,您可以使用format属性显示具有2位小数值的数字,只使用2位小数format="{0:n2}"您还可以找到其他类型的格式和自定义格式选项

<kendo-grid-column field="length" title="Length" width="70" format="{0:n2}">

有关基于格式的telerik列转换的更多信息: https://github.com/telerik/kendo-intl/blob/develop/docs/index.md