Kendo UI Custom" No Records"带有transclation的邮件

时间:2018-01-12 07:15:43

标签: kendo-grid kendo-ui-angular2

我有一个HTML代码段,显示了一个剑道网格。

 <kendo-grid [data]="gridHelper.gridData"
                    [pageSize]="gridHelper.pageSize"
                    [skip]="gridHelper.skip"
                    [selectable]="gridHelper.selectable"
                    [scrollable]="gridHelper.scrollable"
                    [pageable]="false"
                    (pageChange)="gridHelper.onPageChange($event)"
                    (selectionChange)="gridHelper.onSelectRow($event)"
                    (dataStateChange)="gridHelper.onDataStateChange($event)">

                    <kendo-grid-messages
                    noRecords="{{'a.b.No_Data' | translate}}">
                </kendo-grid-messages>


 <kendo-grid-column title="{{'a.b.No_Data' | translate}}">
            <ng-template kendoGridCellTemplate let-dataItem>

              <div>{{dataItem.modified_at}}</div>
            </ng-template>
          </kendo-grid-column>
  </kendo-grid>

这里&#34; NoRecords&#34;来自json文件并准确打印。但我的问题是当我从下拉列表中更改语言时,  下面的剑道网格栏&#34;标题&#34;正在改变,但这个noRecords保持不变。我怎样才能实现翻译?

1 个答案:

答案 0 :(得分:1)

当没有数据时,Kendo Grid有一个模板。

请尝试以下操作:

 <ng-template kendoGridNoRecordsTemplate>
    <span>{{'a.b.No_Data' | translate}}</span>
 </ng-template>