Интернационализация в Extjs Без экспорта проекта? - PullRequest
1 голос
/ 28 мая 2011

Я занимаюсь разработкой проекта с использованием ExtJS 3.2.1 для дизайна пользовательского интерфейса. Я хочу реализовать Интернационализацию (i18n) в том же. (без экспорта проекта) ?

Я ссылался на следующие ссылки:

http://www.sencha.com/learn/Tutorial:Localizing_Ext
http://extjstutorial.org/extjs/meertalig-i18n-met-extjs-en-codeigniter/

Кто-нибудь может предложить пошаговую инструкцию или книгу для дальнейшего использования?

Спасибо!

1 Ответ

0 голосов
/ 29 июля 2011

В дополнение к локализации встроенных строк Ext, согласно вашей ссылке, у нас есть глобальная функция, которая возвращает локализованную строку и вызывает ее везде, где мы хотим отобразить строку. Мы также сохраняем текущий выбранный язык пользователя в переменной и файле cookie.

Из нашего опыта я бы предположил, что вы, вероятно, захотите сохранить локализованные строки на вашем сервере в БД и отключить их с помощью Ajax-вызова под нагрузкой. Это позволяет вам управлять этими строками без развертывания изменений кода.

Когда пользователь меняет язык, мы устанавливаем языковой cookie и перезагружаем все окно браузера.

// global shortcut function for retrieving a localized string
function i18n(key, arrInsertValues) {
    return Local.getLocalizedString(key, Local.languageCode, arrInsertValues);
}

// "Local" is a simple "static" object containing methods and localization strings
Local = {

    // Default locale code - set based on cookie at the bottom of this script
    languageCode: 'en',
    languageCodeDefault: 'en',
    charset: 'utf-8',

    languages: [
        ['en', 'English', 'utf-8'],
        ['ja', '日本語', 'utf-8']
    ],

    getLocalizedString: function(key, languageCode, arrInsertValues) {
        if (!this.localizedStrings[key]) {
            // return empty string if key is undefined
            return '';
        }
        if (!this.localizedStrings[key][languageCode]) {
            // return default language string or empty string if the string for the specified language is undefined
            return this.formatString(this.localizedStrings[key][this.lcDefault] || '', arrInsertValues);
        }
        // give 'em what they asked for
        return (this.formatString(this.localizedStrings[key][languageCode], arrInsertValues));
    },


    // returns a localized string formatted to replace values {0},{1} etc with values from the passed array
    formatString: function(string, arrInsertValues) {
        var formattedString = string;
        if (arrInsertValues && arrInsertValues.constructor.toString().indexOf("Array") != -1) {
            for (var i = 0; i < arrInsertValues.length; i++) {
                formattedString = formattedString.replace('{' + i + '}', arrInsertValues[i]);
            }
        }
        return formattedString;
    },

    localizedStrings: {
        tEN: { en: 'Eng', ja: '英語' },
        tJPN: { en: 'Jpn', ja: '日本語' },            
        tYes: { en: 'Yes', ja: 'はい' },
        tNo: { en: 'No', ja: 'いいえ' },    
        tAnd: { en: 'and', ja: 'と' },
        tOr: { en: 'or', ja: 'or' },    
        tDateFormat : { en: 'Y\/m\/d - g\:iA', ja: 'G\:i - Y年m月d日' },    
        tGoodMorning: { en: 'Good morning, {0}.', ja: '{0}様、おはようございます。' }
    }
}

// this is the first script to run, so we can set default language here based on cookie
var cookie = new Ext.state.CookieProvider();
Local.languageCode = cookie.get('languageCode') ? cookie.get('languageCode') : Local.languageCodeDefault;
...