Локализация

DataTable поддерживает локализацию чисел, валют и дат.

Стандартный пакет библиотеки Webix включает 9 языков:

  • "en-US" - американский английский (используется по умолчанию);
  • "ru-RU" - русский;
  • "fr-FR" - французский;
  • "ja-JP" - японский;
  • "be-BY" - белорусский;
  • "de-DE" - немецкий;
  • "es-ES" - испанский;
  • "it-IT" - итальянский;
  • "zh-CN" - китайский.

Версия Webix Pro включает более 300 локалей.

Чтобы локализовать ваше приложение на какой-то другой язык, выполните следующие действия:

  1. Создать файл с локалью.
  2. Активировать локаль.

Создание локалей

Локаль создается в отдельном файле js с названием "ll-CC", где:

  • ll - две буквы кода языка;
  • CC - две буквы кода страны.

Создание испанской (Испания) локали для DataTable. Файл 'es-ES.js'

webix.i18n.locales["es-ES"]={  // "es-ES" - имя локали, совпадает с именем файла
  groupDelimiter:" ",     // разделитель числа с большим количеством цифр на группы
  groupSize:3,            // число цифр в группе
  decimalDelimiter:",",   // десятичный разделитель
  decimalSize:2,          // число цифр после десятичного знака
 
  // применяется к столбцам с 'format:webix.i18n.dateFormatStr'
  dateFormat:"%d/%m/%Y",
  // применяется к столбцам с 'format:webix.i18n.dateFormatStr'
  timeFormat:"%H:%i",
  // применяется к столбцам с 'format:webix.i18n.longDateFormatStr'
  longDateFormat:"%d %F %Y",
  // применяется к столбцам с 'format:webix.i18n.fullDateFormatStr'
  fullDateFormat:"%d.%m.%Y %H:%i",
 
  // EUR-валюта. Применяется к столбцам с 'format:webix.i18n.priceFormat'
  price:"{obj} EUR",
  calendar:{
    monthFull:["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio",
        "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
    monthShort:["En", "Feb", "Mar", "Abr", "Mayo", "Jun",
        "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
    dayFull:["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"],
    dayShort:["Dom", "Lun", "Mar", "Mier", "Jue", "Vier", "Sab"]
  }
};
  • monthFull - полные названия месяцев, начиная с января;
  • monthShort - сокращенные названия месяцев, начиная с января;
  • dayFull - полные названия дней недели, начиная с воскресенья;
  • dayShort - сокращенные названия дней недели, начиная с воскресенья.

Активация локали

Чтобы активировать локаль:

  1. Включите соответствующий файл локали на страницу;
  2. Вызовите webix.i18n.setLocale('имя_локали') ( !до инициализации DataTable).
<script src="../locale/es-ES.js" type="text/javascript" charset="utf-8"></script>
 
<script>
 webix.i18n.setLocale("es-ES");
 grid = webix.ui({
  view:"datatable",
    columns:[
      { header:"Date",  id:"start", format:webix.i18n.dateFormatStr},
      { header:"LongDate",width:170, id:"start",format:webix.i18n.longDateFormatStr},
      { header:"Price",  id:"number", format:webix.i18n.priceFormat },
    ],
        ...
});
</script>

Related sample:  DataTable Localization

Наверх
If you have not checked yet, be sure to visit site of our main product Webix html5 ui library and page of web datagrid product.