ExtJS 面板方向 - 从右到左

Question

对于 RTL 语言、阿拉伯语、希伯来语等，水平翻转 ExtJs 面板的适当方法是什么

Answer 1

TL;DR：自 2013 年 4 月起，Ext 4.2+ 支持 RTL。有关详细信息，请参阅下面的最新更新。

不支持 RTL此时已内置到 Ext 中，尽管许多社区成员已经解决了这个问题，并取得了不同程度的成功。如果您的需求有限（例如仅限于面板内容），那么最好自己简单地覆盖相应的 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 简介博客文章 了解详细信息。其基本要点是，要在 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,
    ...
});