ExtJS面板方向 - 从右到左

Question

什么是在RTL语言，如阿拉伯语，希伯来语等中水平翻转ExtJs面板的适当方法？

- Huthaifa Afanah

---

我们需要使用Extjs选项卡面板来支持阿拉伯语。您能否发布更新的CSS样式表以支持RTL？谢谢。 - Junne

Answer 1

TL;DR: 从2013年4月起，RTL在Ext 4.2+中得到支持。请参见下面的最后更新以获取详细信息。

目前Ext没有内置RTL支持，尽管许多社区成员已经通过各种方式解决了这个问题。如果您的需求有限（例如仅限于面板内容），最好自己覆盖适当的CSS。如果您需要更完整的RTL支持，您应该直接在Ext论坛上与其他用户联系，一起解决同样的问题。

对于为Ext 3.x添加RTL支持的外部项目，虽然我不知道它是否活跃或质量如何（最后更新是几个月前），但可能会指导你正确方向。

更新：据报道，RTL支持将在Ext 4中得到显着改进，如果不完全实现，预计将在2011年第一季度发布。尚未看到，但在SenchaCon上有报道。

更新于2012年9月：截至4.1版，RTL仍未正式纳入Ext 4中，但据我所知，它仍在路线图上，可能会在稍后的4.x版本中发布。

2013年4月更新: RTL已经推出。请参阅Ext 4.2 intro blog post了解详情。基本内容是在4.2+中启用RTL，您需要执行以下操作:

• 需要Ext.rtl.*命名空间
• 在您的容器/组件上设置rtl: true配置--请注意，此设置会级联并可被子组件覆盖，这很酷
• 通过设置SASS变量来启用样式中的RTL：$include-rtl: true;

下面是一个应用程序组件启用RTL的示例：

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

- Brian Moeskau

---

是的，在EXT论坛中，RTL支持似乎是一个热门话题。无论如何，我已经编写了自己的CSS样式表来支持RTL。我将尝试调整它并在网络上发布，也许对某些人有所帮助！ - Huthaifa Afanah