ExtJS 面板方向 - 从右到左

Question

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

Answer 1

长话短说:自 2013 年 4 月起，Ext 4.2+ 支持 RTL。有关详细信息，请参阅下面的最新更新。

尽管许多社区成员已经成功解决了这个问题，但目前 Ext 中还没有内置 RTL 支持。如果您的需求有限（例如仅限于面板内容），那么最好自己简单地覆盖相应的 CSS。如果您需要更完整的 RTL 支持，您可能应该直接在 Ext 论坛中与处理相同问题的其他用户进行跟进。

有一个 外部项目 为 Ext 3.x 添加 RTL 支持，尽管我不知道它是否处于活动状态或质量如何（上次更新是几个月前）。不过可能会为您指明正确的方向。

更新:RTL 支持 据说 即使没有完全实施，也会在 Ext 4（2011 年第一季度到期）中得到显着改进。还没看过，但 SenchaCon 上有报道。

2012 年 9 月更新:RTL 有 不是 但从 4.1 开始正式将其纳入 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,
    ...
});