2009-10-27 90 views
5

什么是水平翻转ExtJS的小组RTL语言恰当的方式,阿拉伯语,希伯来语等..ExtJS的面板方向 - 从右到左

+0

我们需要支持阿拉伯文使用ExtJS的标签面板。你能发布你更新的CSS样式表来支持RTL吗?谢谢。 – Junne 2010-12-14 19:29:53

回答

10

TL; DR:RTL在分机4.2支持+截至2013年4月。有关详细信息,请参阅下面的最新更新。

有内置分机此时没有RTL的支持,虽然许多社区成员与各种成功的解决了这个。如果你的需求是有限的(例如只针对面板内容),那么最好自己重写恰当的CSS。如果您需要更完整的RTL支持,您应该直接在Ext论坛中跟其他处理相同问题的用户进行跟进。

有一个external project为Ext 3.x添加RTL支持,尽管我不知道它是否处于活动状态或质量是什么(上次更新是几个月前)。可能会指出你在正确的方向。

UPDATE:RTL支持据说将显著改善,如果没有充分执行,在分机4(由于Q1 2011)。还没有看到它,但SenchaCon报道了这一点。

UPDATE 2012年9月:RTL具有但把它做成分机4正式为4.1,但后来我听见它仍然在路线图上,可能是以后的4.x的版本。

UPDATE Apr 2013RTL已经降落。有关详细信息,请参阅Ext 4.2 intro blog post。它的基本精神是,以使RTL在4.2+您执行以下操作:

  • 要求的Ext.rtl.*命名空间
  • 你的容器/组件设置rtl: true配置 - 注意,此设置级联并覆写投放由子组件,这是凉爽
  • 通过设置SASS变量在样式启用RTL:$include-rtl: true;

在一个应用程序组件使RTL的一个例子:

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

是的,看来RTL支持是EXT fourms中的热门话题。无论如何,结束写我自己的CSS样式表来支持RTL。我会尝试调整它并通过网络发布,也许对某个人有帮助! – 2010-01-07 09:52:58