2009-10-27 8 views
5

Что является подходящим способом перевернуть панель ExtJS горизонтально для RTL языков, арабский, иврит и т.д. ..ExtJS ориентация панели - справа налево

+0

Мы должны поддерживать арабский язык с помощью панели вкладок Extjs. Можете ли вы опубликовать обновленную таблицу стилей CSS для поддержки RTL? Благодарю. – Junne

ответ

10

TL; DR: RTL поддерживается в Ext 4.2 + по состоянию на апрель 2013 года. Подробнее см. последнее обновление ниже.

В настоящее время в Ext отсутствует поддержка RTL, хотя многие члены сообщества обратились к этому с большим успехом. Если ваши потребности ограничены (например, для содержимого панели), вероятно, лучше всего просто переопределить соответствующий CSS самостоятельно. Если вам нужна более полная поддержка RTL, вам следует, вероятно, следить за ними на форумах Ext с другими пользователями, занимающимися теми же проблемами.

Существует external project для добавления поддержки RTL для Ext 3.x, хотя я не знаю, является ли это активным или каково качество (последние обновления были несколько месяцев назад). Могу указать вам в правильном направлении.

UPDATE: поддержка RTL сообщений будет значительно улучшена, если не в полном объеме, в Ext 4 (из-за 1 квартал 2011 года). Еще не видел, но об этом сообщалось в SenchaCon.

UPDATE сентябрь 2012: RTL имеет еще не сделал это в Ext 4 официально как 4,1, но я слышал, что это все еще на дорожной карте, возможно, для более поздней версии 4.x.

UPDATE Apr 2013: RTL приземлился. Подробнее см. На странице Ext 4.2 intro blog post. Основная суть его в том, что для того, чтобы RTL в 4.2+ выполнить следующие действия:

  • Требовать Ext.rtl.* имен
  • Установите rtl: true конфигурации ваших контейнеров/компоненты - обратите внимание, что эта настройка каскады и является переписываемой дочерними компонентами, которые прохладно
  • Включить RTL стилей, установив переменную SASS: $include-rtl: true;

пример включения RTL в компоненте приложения:

Ext.define('MyApp.views.Viewport', { 
    extend: 'Ext.container.Viewport', 
    requires: [ 
     'Ext.rtl.*' 
    ], 
    rtl: true, 
    ... 
}); 
+0

Да, похоже, RTL-поддержка - это горячая тема в четырехмерном формате EXT. В любом случае, я закончил писать свою собственную таблицу стилей CSS для поддержки RTL. Я постараюсь настроить его и опубликовать через Интернет, возможно, это станет полезным для кого-то! –

Смежные вопросы