ExtJS的面板方向 - 从右到左
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 2013:RTL已经降落。有关详细信息,请参阅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,
...
});
是的,看来RTL支持是EXT fourms中的热门话题。无论如何,结束写我自己的CSS样式表来支持RTL。我会尝试调整它并通过网络发布,也许对某个人有帮助! – 2010-01-07 09:52:58
我们需要支持阿拉伯文使用ExtJS的标签面板。你能发布你更新的CSS样式表来支持RTL吗?谢谢。 – Junne 2010-12-14 19:29:53