django中外部javascript国际化

1. 我们在模板中引用外部的js文件，由于没有模板引擎的解析，trans标签就不起作用了。

2. 而django提供了在js文件中调用gettext等函数的方法，前提是需要做配置。

3. 在urls(全局)中加入：

js_info_dict = {
    'packages': ('report.jscripti18n',),
}

urlpatterns += patterns('',
    url(r'^jsi18n/$', 'django.views.i18n.javascript_catalog', js_info_dict),
)

说明：

(1). 此处report.jscripti18n表示在report目录下新建jscripti18n目录，其中report和jscripti18n目录下都要有个__init__.py文件，保证可以被import到。

(2). report/jscripti18n目录可以留空，不用任何文件？

(3). 将report.jscripti18n安装到INSTALLED_APPS中。

(4). 而^jsi18n/$表示：如果在需要引用外部js文件的网页中引用<script src="/jsi18n"></script>，表示加载由django提供的“JS文件解析函数”，即gettext等函数。

4. 而原先从其他目录引入的js文件位置，不用做任何更改，注意：<script src="/jsi18n"></script>只是引入由django提供的js解析库，而且这句话应该放到所有需要翻译的JS文件之前。

表现为一些JS函数：

/* gettext library */

var catalog = new Array();

function pluralidx(count) { return (count == 1) ? 0 : 1; }


function gettext(msgid) {
  var value = catalog[msgid];
  if (typeof(value) == 'undefined') {
    return msgid;
  } else {
    return (typeof(value) == 'string') ? value : value[0];
  }
}

function ngettext(singular, plural, count) {
  value = catalog[singular];
  if (typeof(value) == 'undefined') {
    return (count == 1) ? singular : plural;
  } else {
    return value[pluralidx(count)];
  }
}

function gettext_noop(msgid) { return msgid; }

function pgettext(context, msgid) {
  var value = gettext(context + '' + msgid);
  if (value.indexOf('') != -1) {
    value = msgid;
  }
  return value;
}

function npgettext(context, singular, plural, count) {
  var value = ngettext(context + '' + singular, context + '' + plural, count);
  if (value.indexOf('') != -1) {
    value = ngettext(singular, plural, count);
  }
  return value;
}

function interpolate(fmt, obj, named) {
  if (named) {
    return fmt.replace(/%\(\w+\)s/g, function(match){return String(obj[match.slice(2,-2)])});
  } else {
    return fmt.replace(/%s/g, function(match){return String(obj.shift())});
  }
}

/* formatting library */

var formats = new Array();

formats['DATETIME_FORMAT'] = 'Y-m-d H:i:s';
formats['DATE_FORMAT'] = 'N j, Y';
formats['DECIMAL_SEPARATOR'] = '.';
formats['MONTH_DAY_FORMAT'] = 'F j';
formats['NUMBER_GROUPING'] = '0';
formats['TIME_FORMAT'] = 'P';
formats['FIRST_DAY_OF_WEEK'] = '0';
formats['TIME_INPUT_FORMATS'] = ['%H:%M:%S', '%H:%M'];
formats['THOUSAND_SEPARATOR'] = ',';
formats['DATE_INPUT_FORMATS'] = ['%Y-%m-%d', '%m/%d/%Y', '%m/%d/%y', '%b %d %Y', '%b %d, %Y', '%d %b %Y', '%d %b, %Y', '%B %d %Y', '%B %d, %Y', '%d %B %Y', '%d %B, %Y'];
formats['YEAR_MONTH_FORMAT'] = 'F Y';
formats['SHORT_DATE_FORMAT'] = 'm/d/Y';
formats['SHORT_DATETIME_FORMAT'] = 'm/d/Y P';
formats['DATETIME_INPUT_FORMATS'] = ['%Y-%m-%d %H:%M:%S', '%Y-%m-%d %H:%M:%S.%f', '%Y-%m-%d %H:%M', '%Y-%m-%d', '%m/%d/%Y %H:%M:%S', '%m/%d/%Y %H:%M:%S.%f', '%m/%d/%Y %H:%M', '%m/%d/%Y', '%m/%d/%y %H:%M:%S', '%m/%d/%y %H:%M:%S.%f', '%m/%d/%y %H:%M', '%m/%d/%y'];

function get_format(format_type) {
    var value = formats[format_type];
    if (typeof(value) == 'undefined') {
      return msgid;
    } else {
      return value;
    }
}

5. 在js中使用的方法是：

$("#tbody").append(gettext('No Item Selected!'));

6. 创建翻译文件

(1). 首先需要在report.jscripti18n目录下创建locale目录，复制需要翻译的js文件到report/jscripti18n目录下（此步不可缺少），以为django不会到project主目录寻找js文件。

(2). 在report/jscripti18n目录下使用命令：django-admin makemessages -l zh_CN -d djangojs；

(3). 在report/jscripti18n/locale/zh_CN/LC_MESSAGES/目录下生成了djangojs.po文件，然后翻译它，可以使用工具或手工翻译；

(4). 编译po文件：django-admin compilemessages

7. 使用firebug可以看到浏览器的请求 GET /jsi18n/ 返回的内容中包含了翻译好的内容：

catalog['No Item Selected!'] = '\u672a\u9009\u62e9\u9879\u76ee!';