I can't set translate to 'ColumnChooser'

[DEVW]

Hey...

My localization script:

ej.base.L10n.load({

'pl-PL': {

'grid': {

'EmptyRecord': 'Brak rezultatów',

'GroupDropArea': 'Przeciągnij tutaj nagłówek kolumny, aby ją pogrupować',

'UnGroup': 'Kliknij tutaj, aby rozgrupować',

'EmptyDataSourceError': 'Źródło danych nie może być puste',

'Item': 'Wiersz',

'Items': 'Wiersze',

'Delete': 'Usuń',

'Add': 'Dodaj',

'ColumnChooser': 'Kolumny',

'ChooseColumns': 'Wybierz kolumny',

'SearchColumns':'Wyszukaj kolumny',

'Cancel':'Zamknij',

'ColumnsButton': 'Kolumny',

'Search': 'Wyszukaj',

'CancelButton': 'Zamknij',

},

'pager': {

'currentPageInfo': '{0} z {1} stron',

'totalItemsInfo': '({0} wierszy)',

'firstPageTooltip': 'Do pierwszej strony',

'lastPageTooltip': 'Do ostatniej strony',

'nextPageTooltip': 'Następna strona',

'previousPageTooltip': 'Poprzednia strona',

'nextPagerTooltip': 'Następny pager',

'previousPagerTooltip': 'Poprzedni pager'

},

}

});

var grid = new ej.grids.Grid({

locale: 'pl-PL',

...

)}

Problem is with 'ColumnChooser'. I can't set new value for this property. Always is 'Columns'. I think, problem is in toolbars.js :

Toolbar.prototype.render = function () {

this.l10n = this.serviceLocator.getService('localization');

var preItems = ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'Print',

'PdfExport', 'ExcelExport', 'WordExport', 'CsvExport'];

for (var _i = 0, preItems_1 = preItems; _i < preItems_1.length; _i++) {

var item = preItems_1[_i];

var itemStr = item.toLowerCase();

var localeName = itemStr[0].toUpperCase() + itemStr.slice(1);

this.predefinedItems[item] = {

id: this.gridID + '_' + itemStr, prefixIcon: 'e-' + itemStr,

text: this.l10n.getConstant(localeName), tooltipText: this.l10n.getConstant(localeName)

};

}

this.predefinedItems.Search = {

id: this.gridID + '_search',

template: '

\

placeholder= \"' + this.l10n.getConstant('Search') + '\"/>\

tabindex="-1" title="Search In" aria-label= "search"> \

',

tooltipText: this.l10n.getConstant('Search'), align: 'right', cssClass: 'e-search-wrapper'

};

this.predefinedItems.ColumnChooser = {

id: this.gridID + '_' + 'columnchooser', cssClass: 'e-cc e-ccdiv e-cc-toolbar', suffixIcon: 'e-' + 'columnchooser-btn',

text: 'Columns', tooltipText: 'columns', align: 'right',

};

this.createToolbar();

};

I think, it should be:

this.predefinedItems.ColumnChooser = {

id: this.gridID + '_' + 'columnchooser', cssClass: 'e-cc e-ccdiv e-cc-toolbar', suffixIcon: 'e-' + 'columnchooser-btn',

text:this.l10n.getConstant('ColumnChooser'), tooltipText:this.l10n.getConstant('ColumnChooser'), align: 'right',

};

[Mohammed Farook J]

Hi Devw, 

 

We have validated your provided code example and we found grid column chooser ‘ColumnChooser’ locale as incorrect. So please update your code as follows. 

 

 

 

'Columnchooser': 'Kolumny', // Columnchooser (change in your code chooser as small case) 

 

 

 

Please find the sample and screenshot for your reference. 

 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/EJ2MVC-1985018998.zip  

 

Screenshot:  

 

 

 

Regards, 

J Mohammed Farook 

 

 

[DEVW]

Hey 

Thank you. It's working,  I used a previous veriosion 16.1.0.32 .

[Mohammed Farook J]

Hi Devw,  

 

Thanks for your update. 

 

In version 16.1.0.32, locale culture text for column chooser button support is not added. So Could you please update the latest Essential JS2 version(16.1.48)  in your sample to resolve this problem. 

 

Regards, 

J Mohammed Farook