Localization in Sench Touch

[Buckeye]

Hello,

I found out this tutorial for Ext.JS localization:

http://www.sencha.com/learn/Tutorial:Localizing_Ext

But I could not apply it to Sencha Touch since there is no locale file anywhere in Sencha Touch package.

I copied locale files from Ext.JS to Sencha folder:

senchatouch\src\locale

Then include the locale file (For example: German locale file ext-lang-de.js to the header). Then implemented a simple Date Picker to check. Nothing is changed still default English. I tried Ext.JS, the Date Picker did change to German version although the UI is different from Sencha Touch Date Picker.

Could anyone give a hint how to make theis localization work in Sencha Touch?

Thank you!

Buck

[Buckeye]

I think I need to clarify my question here:

I can do my own control label translation no problem, but cannot translate Sencha native controls like Date Picker.

Can anyone give me a hand?

Thanks!

[addeadde]

Do you have any news on this or how did you solve the problem? I read in the release notes from 0.92 that support for localization were added to the library but I don't understand in what way.

[Buckeye]

Basically you have to do the translation yourself as following:

Date.dayNames = [
    'Sunday',
    'Monday',
    'Tuesday',
    'Wednesday',
    'Thursday',
    'Friday',
    'Saturday'
];

Date.monthNames = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
    'August',
    'September',
    'October',
    'November',
    'December'
];

Date.monthNumbers = {
    'Jan': 0,
    'Feb': 1,
    'Mar': 2,
    'Apr': 3,
    'May': 4,
    'Jun': 5,
    'Jul': 6,
    'Aug': 7,
    'Sep': 8,
    'Oct': 9,
    'Nov': 10,
    'Dec': 11
};

Date.getShortMonthName = function(month) {
    return Date.monthNames[month].substring(0, 3); };

Date.getShortDayName = function(day) {
    return Date.dayNames[day].substring(0, 3); };

Date.getMonthNumber = function(name) {
  return Date.monthNumbers[name.substring(0, 1).toUpperCase() + name.substring(1, 3).toLowerCase()]; };

Date.parseCodes.S.s = '(?:st|nd|rd|th)';

if(Ext.Picker){
    Ext.override(Ext.Picker, {
        doneText: 'Done'    
    });
}

if(Ext.DatePicker){
    Ext.override(Ext.DatePicker, {
        'dayText': 'Day',
        'monthText': 'Month',
        'yearText': 'Year',
        'slotOrder': ['month', 'day', 'year']    
    });
}

if(Ext.IndexBar){
    Ext.override(Ext.IndexBar, {
        'letters': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']    
    });
}

if(Ext.NestedList){
    Ext.override(Ext.NestedList, {
        'backText': 'Back',
        'loadingText': 'Loading...',
        'emptyText': 'No items available.'
    });
}

if(Ext.util.Format){
    Ext.util.Format.defaultDateFormat = 'm/d/Y'; }

if(Ext.MessageBox){
    Ext.MessageBox.OK.text = 'OK';
    Ext.MessageBox.CANCEL.text = 'Cancel';
    Ext.MessageBox.YES.text = 'Yes';
    Ext.MessageBox.NO.text = 'No';
}

[heringsfilet]

This works great, thanks for the hint
Just a note: it's "doneButton" for the picker in the current version (1.1.0) and not "doneText".

Another problem with localization in sencha touch and the DatePicker is the "cancel" button. There is a property for the "doneButton" but no possibility to change the "cancelText" or did I miss something?

[ddr]

This works great, thanks for the hint
Just a note: it's "doneButton" for the picker in the current version (1.1.0) and not "doneText".

Another problem with localization in sencha touch and the DatePicker is the "cancel" button. There is a property for the "doneButton" but no possibility to change the "cancelText" or did I miss something?

try this: "cancelButton"

[hudibm]

I can do my own control label translation no problem

Hi,Can you please give me an example of how you do the above('own control label translation')
using the different language files(ext-lang-de.js,ext-lang-fa.js etc...)
thank you!!

[hudibm]

I can do my own control label translation no problem

Hi,Can you please give me an example of how you do the above('own control label translation')
using the different language files(ext-lang-de.js,ext-lang-fa.js etc...)
thank you!!

[grman]

Can you provide us a localization example in sencha touch

[grman]

provide us an example of label translation in sencha touch please
thank you in advance