grid language not work in version 19.1.66

[lorryl]

The previous version is OK, but this version is not.

Please check.

"dependencies": {

    "@angular/common": "^11.2.14",

    "@angular/core": "^11.2.14",

    "@angular/forms": "^11.2.14",

    "@angular/platform-browser": "^11.2.14",

    "@angular/platform-browser-dynamic": "^11.2.14",

    "@angular/router": "^11.2.14",

    "@ionic-native/barcode-scanner": "^5.33.0",

    "@ionic-native/camera": "^5.33.0",

    "@ionic-native/code-push": "^5.33.0",

    "@ionic-native/core": "^5.33.0",

    "@ionic-native/device": "^5.33.0",

    "@ionic-native/splash-screen": "^5.33.0",

    "@ionic-native/status-bar": "^5.33.0",

    "@ionic/angular": "^5.6.7",

    "@ionic/storage": "^3.0.4",

    "@ionic/storage-angular": "^3.0.6",

    "@ngx-translate/core": "^13.0.0",

    "@ngx-translate/http-loader": "^6.0.0",

    "@syncfusion/ej2-angular-buttons": "^19.1.63",

    "@syncfusion/ej2-angular-calendars": "^19.1.66",

    "@syncfusion/ej2-angular-dropdowns": "^19.1.65",

    "@syncfusion/ej2-angular-grids": "^19.1.66",

    "@syncfusion/ej2-angular-inputs": "^19.1.66",

    "@syncfusion/ej2-angular-kanban": "^19.1.66",

    "@syncfusion/ej2-angular-layouts": "^19.1.63",

    "@syncfusion/ej2-angular-lists": "^19.1.65",

    "@syncfusion/ej2-angular-maps": "^19.1.66",

    "@syncfusion/ej2-angular-navigations": "^19.1.66",

    "@syncfusion/ej2-angular-notifications": "^19.1.63",

    "@syncfusion/ej2-angular-popups": "^19.1.66",

    "@syncfusion/ej2-angular-richtexteditor": "^19.1.66",

    "@syncfusion/ej2-angular-splitbuttons": "^19.1.63",

    "@syncfusion/ej2-angular-treegrid": "^19.1.66",

    "cldr-data": "^36.0.0",

    "localforage-cordovasqlitedriver": "^1.8.0",

    "rxjs": "~6.6.7",

    "tslib": "^2.2.0",

    "xlsx": "^0.16.9",

    "zone.js": "~0.11.4"

  }

[Ajith Govarthan]

Hi lorryl, 

  

Thanks for the update. 

  

query: The previous version is OK, but this version is not. 

  

Based on your attached screenshot we have prepared sample and found everything works fine at our end without any mentioned issues.   

 

For your convenience we have attached the sample please refer them for your reference. 

  

Code Example: 

App.component.ts 

  

  

  'de-DE': { 

    grid: { 

      EmptyRecord: '无记录可显示', 

      GroupDropArea: 

        'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte', 

      UnGroup: 'Klicken Sie hier, um die Gruppierung aufheben', 

      EmptyDataSourceError: 

        'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster', 

      Item: '项目', 

      Items: '项目' 

   }, 

    pager: { 

      currentPageInfo: '{0} 项目 {1} 项目', 

      totalItemsInfo: '({0} 项目)', 

      firstPageTooltip: 'Zur ersten Seite', 

      lastPageTooltip: 'Zur letzten Seite', 

      nextPageTooltip: 'Zur nächsten Seite', 

      previousPageTooltip: 'Zurück zur letzten Seit', 

      nextPagerTooltip: 'Zum nächsten Pager', 

      previousPagerTooltip: 'Zum vorherigen Pager' 

    } 

  } 

}); 

@Component({ 

  selector: 'app-root', 

  templateUrl: 'app.component.html', 

  providers: [ToolbarService, EditService, PageService] 

}) 

export class AppComponent { 

  @ViewChild('ddsample') 

  public dropDown: DropDownListComponent; 

  public data: Object[]; 

  public editSettings: Object; 

  public toolbar: string[]; 

  public orderidrules: Object; 

  public customeridrules: Object; 

  public freightrules: Object; 

  public editparams: Object; 

  public pageSettings: Object; 

  public formatoptions: Object; 

  

  public ngOnInit(): void { 

    this.data = []; 

    this.editSettings = { 

      allowEditing: true, 

      allowAdding: true, 

      allowDeleting: true, 

      newRowPosition: 'Top' 

    }; 

    setCulture('de-DE'); 

    setCurrencyCode('EUR'); 

    this.toolbar = ['Add', 'Edit', 'Delete', 'Update', 'Cancel']; 

    this.orderidrules = { required: true, number: true }; 

    this.customeridrules = { required: true }; 

    this.freightrules = { required: true }; 

    this.editparams = { params: { popupHeight: '300px' } }; 

    this.pageSettings = { pageCount: 5 }; 

    this.formatoptions = { type: 'dateTime', format: 'M/d/y hh:mm a' }; 

  } 

  

Sample Link : https://stackblitz.com/edit/angular-u1s2ht?file=app.component.ts 

  

Please get back to us if you need further assistance. 

  

Regards, 

Ajith G.