Field list items translate

[Namig Abdukarimov]

Hello there,

We are considering using the PivotView component. However, we were unsure about one thing. We want to translate the fields in the FieldList into Turkish, but we could not access the list. The translation we made in the fields of columns, rows and values appears in the field list, but we could not translate because it received other fields from JSON. How can you help with this issue? We did not use the ejs-pivotfieldlist component

[Saranya Sivan]

Hi Namig Abdukarimov, 

  

Thanks for contacting Syncfusion support. 

  

Kindly refer the below file to customize  the localization keys  to turkish language.  

  

https://github.com/syncfusion/ej2-locale/blob/master/src/tr.json 

  

Meanwhile, we have prepared a sample for your reference to change the keys to required translation. Please check the below sample. 

  

Sample: https://stackblitz.com/edit/angular-y8ejfj-raip9n?file=app.component.html 

  

In the below screenshot, we have changed the fields to “turkish” language. 

  

 

  

Please let us know if you need any further assistance on this. 

  

Regards, 

Saranya Sivan. 

 

 

[Namig Abdukarimov]

Firstly I would like to say thank you for your response. However, what I want to say is to translate the properties which are included in the field list. As you can see from the picture attached I translated the highlighted ones in the rows. you can see the sample of code here "{

  name: 'current_account_code',
  caption: this.translateService.instant('current_account_code')
}

I need to translate the rest ones to translate without adding to the row. How can you help me with this issue? We don't want some of the properties are shown in the fields. They are automatically created from the properties which are JSON data in the fields. We want the field contents to be composed of the properties we have determined.

[Saranya Sivan]

Hi Namig Abdukarimov, 

  

Kindly use the field mapping option to achieve your requirement. Please find the following code snippet and sample for your reference. 

 

UG: https://ej2.syncfusion.com/angular/documentation/pivotview/data-binding/#mapping 

  

Sample:  https://stackblitz.com/edit/angular-y8ejfj-hrpkhu?file=app.component.html 

  

  

Code Snippet: 

  

 this.dataSourceSettings = { 

      enableSorting: true, 

      rows: [ 

        { name: "Year" }, 

        { name: "Order_Source", caption: "Order Source" } 

      ], 

      columns: [{ name: "Country" }, { name: "Products" }], 

      valueSortSettings: { headerDelimiter: " - " }, 

      dataSource: data, 

      expandAll: false, 

      drilledMembers: [{ name: "Year", items: ["FY 2015"] }], 

      formatSettings: [{ name: "Amount", format: "C" }], 

      values: [{ name: "Amount", caption: "Sales Amount" }], 

      filters: [], 

      fieldMapping: [{ name: "Sold", caption: "Units Sold" }] 

    }; 

  

Please let us know if you have concern. 

  

Regards, 

Saranya Sivan.